:root{--bg:#0c0d12;--panel:#151722;--panel2:#1c1f2d;--text:#f7f7fb;--muted:#a9adbd;--accent:#ff6b35;--accent2:#ff9a3c;--line:#292d3e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,-apple-system,Segoe UI,sans-serif}.hero{padding:38px max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#151722,#101118);border-bottom:1px solid var(--line)}.logo{font-size:42px;background:var(--panel2);padding:15px;border-radius:20px}.hero small,.title small{color:var(--accent2);font-weight:800;letter-spacing:.12em}.hero h1{margin:3px 0;font-size:clamp(28px,5vw,44px)}span{color:var(--accent)}.hero p{margin:0;color:var(--muted)}main{max-width:1120px;margin:auto;padding:30px 22px 70px}.controls{display:grid;gap:18px}.search{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 16px}.search input{width:100%;background:none;border:0;outline:0;color:white;font-size:16px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer}.chips button.active,.chips button:hover{background:var(--accent);border-color:var(--accent)}.title{display:flex;justify-content:space-between;align-items:end;margin:42px 0 18px}.title h2{margin:5px 0 0}.title>span{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:18px}.visual{height:180px;display:grid;place-items:center;font-size:65px;background:linear-gradient(145deg,#232638,#171927)}.content{padding:18px}.tag{font-size:12px;color:var(--accent2);font-weight:800}.card h3{margin:8px 0}.card p{color:var(--muted);min-height:48px}.demo{display:block;width:100%;border:0;border-radius:10px;padding:11px;background:#303345;color:#aaa;font-weight:700}.notice{margin-top:28px;padding:22px;border:1px dashed #41465d;border-radius:16px;background:var(--panel)}.notice p,footer p{color:var(--muted);line-height:1.55}footer{text-align:center;border-top:1px solid var(--line);padding:30px 22px;max-width:1120px;margin:auto}footer p{max-width:680px;margin:10px auto 18px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.hero{padding:28px 20px}.grid{grid-template-columns:1fr}.title{align-items:start;flex-direction:column;gap:6px}.visual{height:160px}}