:root{--bg:#13151a;--card:#1e2128;--well:#0c0d11;--border:#ffffff14;--text:#fff;--text-2:#b4b8c2;--text-3:#80858f;--red:#ed4545;--teal:#3dd6c7;--purple:#9e8cff;--blue:#5b9dff;--amber:#f2b84b;--radius:16px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .6em;line-height:1.15}h2{font-size:clamp(1.8rem,4vw,2.6rem)}h3{font-size:1.2rem}p{color:var(--text-2);margin:0 0 1em}code,pre{font-family:var(--mono);font-size:.88em}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 32px}}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--card);padding:8px 12px;top:16px;left:16px}.nav{z-index:50;-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border);background:#13151ad1;position:sticky;top:0}.nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-weight:600;display:flex}.brand img{width:32px;height:32px}.brand:hover{text-decoration:none}.nav ul{flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--text-2);font-size:.93rem}.nav ul a:hover{color:var(--text);text-decoration:none}.nav .nav-gh{color:var(--text)}@media (width<=720px){.nav-inner{padding-top:10px;padding-bottom:10px}.nav ul{gap:4px 14px}}.hero{text-align:center;padding:72px 0 40px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 0,#ed454529,#0000 70%);height:700px;position:absolute;inset:0 0 auto}.hero-text{max-width:820px}.hero-icon{filter:drop-shadow(0 12px 30px #00000080);width:96px;height:96px;margin:0 auto 24px}.hero h1{font-size:clamp(2rem,5.4vw,3.5rem)}.lede{max-width:680px;margin:0 auto 28px;font-size:clamp(1.05rem,2vw,1.25rem)}.ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:1rem;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 24px #ed454559}.btn-primary:hover{background:#f25a5a}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#262a33}.meta{color:var(--text-3);margin-top:20px;font-size:.9rem}.shot{margin:0}.shot img{filter:drop-shadow(0 30px 60px #0000008c)}.shot-hero{max-width:900px;margin:48px auto 0;position:relative}.shot-hero:before{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(closest-side,#3dd6c72e,#9e8cff1f 50%,#0000);position:absolute;inset:10% 5% 0}.shot figcaption{text-align:center;color:var(--text-3);margin-top:12px;font-size:.85rem}.shot-review{margin-top:48px}.section{padding:72px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px #00000040}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step-num{background:var(--well);width:32px;height:32px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:700;display:inline-grid}.step p{margin:0}.feature-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;display:grid}.feature-group h3{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.feature-group ul{color:var(--text-2);margin:0;padding-left:1.1em;font-size:.97rem}.feature-group li{margin-bottom:.5em}.feature-group li::marker{color:var(--text-3)}.fg-recording,.fg-during{grid-column:1/-1}.fg-recording ul,.fg-during ul{columns:2 320px;column-gap:40px}.fg-recording li,.fg-during li{break-inside:avoid}.badge{letter-spacing:0;color:#ff8a8a;background:#ed454524;border:1px solid #ed454559;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.feature-shots{background:var(--well);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;margin-top:20px;padding:24px;display:flex}.shot-small img{filter:drop-shadow(0 16px 30px #0009);max-width:190px;margin:0 auto}.shot-menu img{max-width:320px}.resolve{align-items:center;gap:40px;display:grid}@media (width>=900px){.resolve{grid-template-columns:1fr 1.2fr}}.callout{border-left:3px solid var(--red);padding:4px 0 4px 14px}.timeline-fig{margin:0}.timeline-fig figcaption{color:var(--text-3);text-align:center;margin-top:12px;font-size:.85rem}.timeline{background:var(--well);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 20px;position:relative;box-shadow:0 30px 60px #00000073}.ruler{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--text-3);margin-bottom:10px;margin-left:48px;padding-bottom:6px;font-size:.72rem}.track{align-items:center;gap:12px;margin-bottom:8px;display:flex}.track:nth-child(5){margin-bottom:16px}.track-id{width:36px;font-family:var(--mono);color:var(--text-3);text-align:right;flex:none;font-size:.8rem}.lane{flex:1;min-width:0}.clip{white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffffff2e;border-radius:6px;align-items:center;height:34px;padding:0 14px;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.clip-camera{color:#ffd98f;background:#f2b84b47}.clip-cursor{color:#ffb0b0;background:#ed454547}.clip-screen{color:#b9d4ff;background:#5b9dff47}.clip-system,.clip-mic{background-size:6px 100%;height:30px}.clip-system{color:#d4ccff;background-color:#9e8cff40}.clip-mic{color:#a8f2ea;background-color:#3dd6c738}.playhead{background:var(--red);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:63px}.table-wrap{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 20px}th{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}tr:last-child td{border-bottom:0}td:first-child{white-space:nowrap}td code{color:var(--teal)}td{color:var(--text-2)}.note{color:var(--text-3);margin-top:16px;font-size:.93rem}@media (width<=600px){th,td{padding:12px 14px}td:first-child{white-space:normal;word-break:break-all}}.facts{flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.facts li{background:var(--well);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:.95rem}.facts strong{color:var(--text)}.links{flex-wrap:wrap;gap:20px;margin:0;display:flex}.build-grid{gap:16px;display:grid}@media (width>=900px){.build-grid{grid-template-columns:1fr 2fr}}.build-grid ul{color:var(--text-2);margin:0;padding-left:1.1em}.code{background:var(--well);padding:0;overflow:hidden}.code pre{color:#e6e8ee;margin:0;padding:20px;line-height:1.7;overflow-x:auto}.limits{color:var(--text-2);max-width:760px;margin:0;padding-left:1.1em}.limits li{margin-bottom:.4em}.footer{border-top:1px solid var(--border);margin-top:40px;padding:40px 0 56px;font-size:.9rem}.footer p{color:var(--text-3)}.tm{font-size:.82rem}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.with-icon{align-items:center;gap:.45em;display:inline-flex}h3.with-icon{display:flex}.btn{gap:.5em}.tint-red{color:var(--red)}.tint-teal{color:var(--teal)}.tint-purple{color:var(--purple)}.group-icon{color:var(--teal)}.fg-resolve .group-icon{color:var(--red)}.fg-cursor .group-icon{color:var(--amber)}.fg-camera .group-icon{color:var(--purple)}.facts li{align-items:center;gap:8px;display:inline-flex}.facts .icon{color:var(--text-3)}.callout{position:relative}.callout-icon{color:var(--red);vertical-align:-4px;margin-right:4px}.footer .with-icon{vertical-align:bottom}