:root{--green-core:#1c8a43;--green-mid:#0f5e2c;--green-edge:#06351a;--green-vig:#04220f;--panel:#04220f8c;--panel-line:#ffffff1a;--ink:#171717;--cream:#e6f2e9;--gold:#ffd23f;--btn:#ffc400;--btn-orange:#e8810e;--btn-muted:#e3c24a;--logo-red:#ec3750;--logo-gold:#f2c94c;--font-pixel:"Jersey 10", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--cream);background-color:var(--green-mid);background-image:radial-gradient(125% 120% at 50% 32%, var(--green-core) 0%, var(--green-mid) 45%, var(--green-edge) 100%), radial-gradient(140% 140% at 50% 50%, transparent 58%, var(--green-vig) 100%);background-attachment:fixed}.topbar{justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.logo{font-family:var(--font-pixel);color:var(--logo-red);letter-spacing:1px;text-shadow:2px 2px #00000059;align-items:center;gap:3px;font-size:28px;font-weight:700;display:inline-flex}.logo-img{width:auto;height:30px;display:block}.logo b{color:var(--logo-gold);font-weight:700}.gh{color:var(--cream);opacity:.85;font-weight:800;text-decoration:none}.gh:hover{opacity:1}.btn{font-family:var(--font-body);color:var(--ink);background:var(--btn-muted);border:2px solid var(--ink);cursor:pointer;border-radius:9px;padding:12px 20px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 50ms,box-shadow 50ms;display:inline-block;box-shadow:4px 4px #00000073}.btn:hover{filter:brightness(1.04)}.btn:active{box-shadow:0 0 0 var(--btn-orange);transform:translate(5px,5px)}.btn.secondary{background:var(--btn-muted)}.landing{min-height:100vh;padding-bottom:60px;position:relative;overflow:hidden}.landing .topbar{z-index:2;position:relative}.hero{z-index:2;max-width:620px;margin:8vh 0 0 6vw;position:relative}.hero-title{font-family:var(--font-pixel);color:#fff;text-shadow:3px 3px #0006;margin:0 0 22px;font-size:clamp(40px,6vw,64px);line-height:1.1}.hero-sub{color:var(--cream);margin:0 0 28px;font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:18px;display:flex}.model-slot{z-index:2;--poster-color:transparent;background:0 0;width:clamp(340px,42vw,480px);height:clamp(340px,42vw,480px);display:block;position:absolute;top:26%;right:3vw}.orpheus{z-index:2;width:64px;height:auto;position:absolute;bottom:18px;left:22px}.stars{z-index:1;pointer-events:none;position:absolute;inset:0}.star{color:var(--gold);text-shadow:0 0 8px #ffd23f8c;animation:3s ease-in-out infinite twinkle;position:absolute;transform:translate(-50%,-50%)}@keyframes twinkle{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.25)}}.foot{font-family:var(--font-pixel);text-align:center;color:#ffffffbf;padding:22px 0;font-size:14px}.landing .foot{z-index:2;position:absolute;bottom:0;left:0;right:0}.mirror{max-width:940px;margin:0 auto;padding:8px 20px 60px}.console{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,3vw,40px);margin:10px 0 26px;display:flex}.screen-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.screen-box{aspect-ratio:5/4;background:#0a0a0a;border-radius:10px;width:clamp(280px,44vw,460px);padding:10px;box-shadow:inset 0 0 0 2px #ffffff14,inset 0 6px 20px #000c,0 10px 26px #0006}.screen{width:100%;height:100%;image-rendering:pixelated;border-radius:3px;display:block}.screen-controls{gap:10px;display:flex}.btn-mini{font-family:var(--font-body);color:var(--ink);background:var(--btn-muted);border:2px solid var(--ink);cursor:pointer;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:800;transition:transform 50ms,box-shadow 50ms;box-shadow:3px 3px #00000073}.btn-mini:active{transform:translate(3px,3px);box-shadow:0 0}.status{color:var(--cream);background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.status.err{color:var(--err);border-color:var(--err)}.dot{background:#3ddc84;border-radius:50%;flex:none;width:8px;height:8px}.pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:6px;display:grid}.key{font-family:var(--font-body);color:var(--cream);-webkit-user-select:none;user-select:none;cursor:pointer;background:#1c2a20;border:2px solid #ffffff2e;border-radius:10px;place-items:center;font-size:15px;font-weight:800;display:grid;box-shadow:0 3px #00000073}.key.spacer{box-shadow:none;cursor:default;background:0 0;border:none}.key.down{background:var(--btn);color:var(--ink);transform:translateY(3px);box-shadow:0 0 #0000}.actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.actions .btn input{display:none}.faqs{max-width:680px;margin:0 auto}.faqs h2{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #00000059;margin:0 0 18px;font-size:24px}.faq-item{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-q{text-align:left;width:100%;color:var(--cream);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.faq-num{background:var(--gold);width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.faq-text{flex:1}.faq-chev{opacity:.8;flex:none;font-size:18px;transition:transform .25s}.faq-item.open .faq-chev{transform:rotate(180deg)}.faq-a{opacity:0;color:#e6f2e9cc;max-height:0;padding:0 16px 0 52px;font-size:14px;line-height:1.55;transition:max-height .28s,opacity .2s,padding .28s;overflow:hidden}.faq-item.open .faq-a{opacity:1;max-height:320px;padding:0 16px 16px 52px}.cam-overlay{z-index:50;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.cam-stage{flex:1;position:relative;overflow:hidden}.cam-video{object-fit:contain;width:100%;height:100%}.cam-poly{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cam-poly polygon{fill:#ffc4002e;stroke:var(--btn);stroke-width:.6px;vector-effect:non-scaling-stroke}.cam-handle{touch-action:none;cursor:grab;background:#ffc40080;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}.cam-bar{border-top:1px solid var(--panel-line);background:#0b1810;align-items:center;gap:12px;padding:14px 18px;display:flex}.cam-tip{color:var(--cream);flex:1;margin:0;font-size:13px}@media (width<=760px){.hero{text-align:center;margin:6vh auto 0;padding:0 20px}.hero-actions{justify-content:center}.model-slot{margin:24px auto 0;position:relative;top:auto;right:auto}}