:root{--jf-green:#0ba800;--jf-green-light:#3cb933;--jf-green-deep:#076500;--bg:#0b0716;--panel:#161616;--text:#f4f4f5;--muted:#9b9ba3;--font:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:48px 24px}.header h1{font-size:32px;margin:0 0 8px}.header p{color:var(--muted);margin:0 0 40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{display:block;background:var(--panel);border:1px solid #262626;border-radius:14px;padding:22px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--jf-green);transform:translateY(-2px)}.card h2{font-size:20px;margin:0 0 6px}.card .engine{display:inline-block;font-size:12px;color:var(--jf-green-light);border:1px solid var(--jf-green-deep);border-radius:999px;padding:2px 10px;margin-bottom:12px}.card p{margin:0}.back,.card p{color:var(--muted);font-size:14px}.back{display:inline-block;margin-bottom:24px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:var(--panel);border:1px solid #262626;color:var(--text);border-radius:999px;padding:8px 18px;font-size:14px;font-family:var(--font);cursor:pointer}.tab.active{border-color:var(--jf-green);color:var(--jf-green-light)}.stage{display:flex;justify-content:center}.phone{position:relative;aspect-ratio:1080/1920;height:min(80vh,860px);background:#000;border-radius:28px;overflow:hidden;border:8px solid #1c1c1c;box-shadow:0 20px 60px rgba(0,0,0,.5)}.phone iframe{width:100%;height:100%;border:0;display:block}.hint{color:var(--muted);font-size:13px;margin-top:16px;text-align:center;max-width:520px;margin-left:auto;margin-right:auto}