.gg-ads-c{display:block;width:100%;overflow:hidden}.gg-ads-c>*{margin-inline:auto}:root{--bg:#0b0f17;--panel:#131a26;--panel-2:#1a2333;--border:#253046;--fg:#e8eef8;--muted:#94a3b8;--accent:#6aa9ff;--accent-fg:#04101f;--radius:14px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{background:transparent}body,html{margin:0;padding:0;color:var(--fg);font-family:ui-sans-serif,-apple-system,Segoe UI,Inter,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:48px 20px 96px}.hero{margin-bottom:40px}.hero img{width:100%;height:auto;border-radius:var(--radius);display:block}.hero h1{font-size:clamp(28px,5vw,40px);margin:28px 0 10px;letter-spacing:-.02em}.hero p{color:var(--muted);font-size:18px;margin:0}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.links a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--fg);text-decoration:none;font-size:14px;font-weight:500;transition:border-color .15s ease,background .15s ease}.links a:hover{border-color:var(--accent);background:var(--panel-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:20px 0}.card h2{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}.card .sub{color:var(--muted);font-size:15px;margin:0 0 18px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button.demo{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--fg);padding:9px 16px;border-radius:9px;font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease}button.demo.primary,button.demo:hover{border-color:var(--accent)}button.demo.primary{background:var(--accent);color:var(--accent-fg);font-weight:600}pre{background:#080c14;border:1px solid var(--border);border-radius:10px;padding:16px;overflow-x:auto;font-size:13.5px;line-height:1.55}.state,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.state{display:grid;grid-template-columns:max-content 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.state dt{color:var(--muted)}.state dd{margin:0}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.on{background:#10331f;color:#6ee7a8}.pill.off{background:#3a1620;color:#ff92a5}footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.field{margin-top:20px}.field label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.field label code{color:var(--fg);font-size:13px}.field input[type=range]{width:100%;max-width:420px;accent-color:var(--accent)}.scoped{position:relative;overflow:hidden;height:260px;border:1px solid var(--border);border-radius:var(--radius);background:#060a12;display:grid;place-items:center}.scoped span{position:relative;z-index:1;color:var(--muted);font-size:14px;pointer-events:none}.sim-slot{margin-top:20px;padding:16px;border:1px dashed var(--border);border-radius:12px;background:#060a12}.ad-fallback{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);font-size:14px}.ad-fallback span{color:var(--muted)}pre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.topnav__brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg);font-size:14px;font-weight:650;letter-spacing:-.01em;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topnav__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.topnav__links{display:flex;align-items:center;gap:4px}.topnav__links a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;color:#a4b2c6;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s ease,background .15s ease}.topnav__links a:hover{color:var(--fg);background:var(--panel-2)}.topnav__links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code{margin:18px 0 0;border:1px solid var(--border);border-radius:12px;background:#070b12;overflow:hidden}.code__bar{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 60%,transparent)}.code__lang{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}.code__copy{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.code__copy:hover{color:var(--fg);background:var(--panel-2);border-color:var(--border)}.code__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code__pre{margin:0;padding:16px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.65;-moz-tab-size:2;tab-size:2}.code__pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code__line{display:block}.wrap{padding-top:34px}.card{transition:border-color .18s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.card h2{display:flex;align-items:center;gap:9px;font-size:19px}.card h2:before{content:"";width:3px;height:17px;border-radius:2px;background:var(--accent)}