:root{--bg:#0e0e10;--bg-soft:#151517;--card:#1a1a1d;--fg:#f5f5f5;--muted:#9a9a9f;--accent:#f9bd2b;--accent-2:#1d4aff;--border:#2a2a2f;--danger:#ff6b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.55}a{color:inherit}.narrow{max-width:640px;margin:0 auto;padding:40px 24px 96px}h1{font-size:1.8rem;margin:0 0 4px;letter-spacing:-.02em}.subtitle{margin:0 0 28px}.back,.subtitle{color:var(--muted)}.back{display:inline-block;text-decoration:none;font-size:.9rem}.back,.card{margin-bottom:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px}.card-title{margin:0 0 4px;font-size:1.05rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}input[type=number],input[type=password],input[type=text],select{width:100%;padding:11px 12px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:9px;font-size:1rem}.hint{font-size:.82rem;color:var(--muted);margin:8px 0 0}.hint code,.metric-row code{background:var(--bg);padding:1px 5px;border-radius:4px;font-size:.8em}.metric-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);margin:0;cursor:pointer}.metric-row:last-child{border-bottom:none}.metric-row code{margin-left:auto;color:var(--muted)}button{background:var(--accent);color:#1a1a1d;font-weight:600;border:none;border-radius:9px;padding:13px 22px;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:default}.status{margin-top:12px;font-size:.9rem;color:var(--accent)}.metric-edit{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px;background:var(--bg)}.metric-edit-head{display:flex;gap:8px;align-items:center;margin-bottom:8px}.metric-edit-head input{margin-bottom:0;font-weight:600}.metric-event{margin-bottom:8px}.metric-edit-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-gap:8px;gap:8px}.metric-edit-row select{margin-bottom:0;padding:9px 8px;font-size:.9rem}.icon-btn{flex:0 0 auto;width:38px;padding:10px 0;color:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:.95rem}.add-btn,.icon-btn{background:transparent}.add-btn{width:100%;color:var(--fg);border:1px dashed var(--border);font-weight:600}@media (max-width:480px){.metric-edit-row{grid-template-columns:1fr}}.error{margin-top:12px;font-size:.9rem;color:var(--danger)}.nav{max-width:1080px;margin:0 auto;padding:22px 24px;justify-content:space-between}.brand,.nav{display:flex;align-items:center}.brand{font-weight:700;gap:8px}.brand .dot{width:12px;height:12px;border-radius:3px;background:var(--accent);display:inline-block}.nav-links{display:flex;gap:10px;align-items:center}.nav-cta{text-decoration:none;font-size:.92rem;color:var(--fg);border:1px solid var(--border);padding:8px 14px;border-radius:8px}.hero{max-width:1080px;margin:0 auto;padding:48px 24px 64px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:0 0 18px}.hero-copy p{color:var(--muted);font-size:1.05rem;max-width:46ch}.hero-actions{display:flex;gap:12px;margin:28px 0 14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;background:var(--accent);color:#1a1a1d;font-weight:600;padding:13px 22px;border-radius:9px}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.fineprint{font-size:.85rem;color:var(--muted)}.device{display:flex;justify-content:center}.device-frame{background:#2a2a2f;border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);width:100%;max-width:340px}.screen{background:#e9e7e1;color:#15140f;border-radius:6px;padding:14px 16px;aspect-ratio:212/104;display:flex;flex-direction:column}.screen-head{font-size:.7rem;font-weight:700;letter-spacing:.04em;opacity:.7;margin-bottom:8px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 18px;gap:6px 18px;flex:1 1}.screen-grid strong{display:block;font-size:1.4rem;line-height:1}.screen-grid span{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.features{max-width:1080px;margin:0 auto;padding:24px 24px 56px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:22px}.feature h3{margin:0 0 8px}.feature p{color:var(--muted);margin:0;font-size:.95rem}.how{max-width:760px;margin:0 auto;padding:40px 24px 72px;text-align:center}.how h2{font-size:1.8rem;margin-bottom:32px}.steps{list-style:none;padding:0;margin:0 0 36px;text-align:left;display:grid;grid-gap:18px;gap:18px}.steps li{display:flex;gap:16px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:18px}.step-n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#1a1a1d;font-weight:700;display:grid;place-items:center}.steps strong{display:block;margin-bottom:2px}.steps p{margin:0;font-size:.95rem}.foot,.steps p{color:var(--muted)}.foot{max-width:1080px;margin:0 auto;padding:28px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.85rem}.foot a{color:var(--accent);text-decoration:none}@media (max-width:760px){.features,.hero{grid-template-columns:1fr}}