.feat-hero{padding:80px 0 56px;border-bottom:1px solid var(--line)}.feat-hero h1{margin:24px 0 22px}.feat-hero .lede{font-size:19px;max-width:60ch}.toc{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px}.toc a{background:var(--bg);padding:18px 16px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--fg-mute);transition:background .12s}.toc a:hover{background:var(--surface);color:var(--fg)}.toc .n{font-family:var(--mono-font);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.toc b{color:var(--fg);font-weight:500;font-size:14px}@media(max-width:900px){.toc{grid-template-columns:1fr 1fr 1fr}}.fb{padding:96px 0;border-bottom:1px solid var(--line)}.fb-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:64px;align-items:center}.fb-grid.flip{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}.fb-grid.flip .copy{order:2}@media(max-width:1000px){.fb-grid,.fb-grid.flip{grid-template-columns:1fr;gap:40px}.fb-grid.flip .copy{order:0}}.fb .n{font-family:var(--mono-font);font-size:12px;letter-spacing:.14em;color:var(--fg-mute);margin-bottom:16px;display:block}.fb h2{font-size:clamp(32px,4vw,48px);margin-bottom:22px}.fb p{font-size:17px;line-height:1.55;color:var(--fg-mute);margin:0 0 18px;max-width:50ch}.fb .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.shot-frame{border:1px solid var(--line-strong);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-3);background:var(--surface)}.shot-frame img{display:block;width:100%;height:auto}.sync-flow{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:32px;position:relative}.sync-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:20px}.sync-side{text-align:center;padding:28px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-2)}.sync-side .lbl{font-family:var(--mono-font);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:14px}.sync-side .v{font-family:var(--display-font);font-weight:700;font-size:32px;line-height:1}.sync-side .v.acc{color:var(--acc)}.sync-side .k{font-family:var(--mono-font);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-top:8px}.sync-arrow{text-align:center;color:var(--fg-mute);position:relative}.sync-arrow svg{width:80px;height:32px}.sync-arrow .lbl{font-family:var(--mono-font);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-top:4px}.sync-log{margin-top:24px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2);font-family:var(--mono-font);font-size:11.5px;line-height:1.7;color:var(--fg-mute)}.sync-log .ts{color:var(--fg-dim)}.sync-log .ok{color:var(--ok)}.sync-log .warn{color:var(--warn)}.bpm-mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:28px}.bpm-track{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.bpm-track:last-child{border-bottom:0}.bpm-cv{width:44px;height:44px;border-radius:var(--r-1);flex:0 0 44px;background-image:radial-gradient(circle at 50% 50%,var(--surface-3) 30%,transparent 32%);background-color:var(--surface-2);border:1px solid var(--line)}.bpm-info{flex:1;min-width:0}.bpm-info .ti{font-weight:500;font-size:14px}.bpm-info .ar{font-size:12px;color:var(--fg-mute);font-family:var(--mono-font)}.bpm-wave{flex:0 0 200px;height:32px;display:flex;align-items:center;gap:2px}.bpm-wave i{width:3px;background:var(--acc);border-radius:1px;display:block;opacity:.55}.bpm-stats{flex:0 0 90px;text-align:right}.bpm-stats .b{font-family:var(--mono-font);font-weight:600;color:var(--acc);font-size:16px}.bpm-stats .k{font-family:var(--mono-font);font-size:10px;color:var(--fg-mute);letter-spacing:.06em}.open-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--line);overflow:hidden}.open-stat{background:var(--surface);padding:28px;text-align:center}.open-stat-v{font-family:var(--display-font);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.03em;background:linear-gradient(90deg,var(--acc-1),var(--acc-2));-webkit-background-clip:text;background-clip:text;color:transparent}.open-stat-k{font-family:var(--mono-font);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);margin-top:14px}.cmp{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line)}.cmp tr:last-child td{border-bottom:0}.cmp th{font-family:var(--mono-font);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);font-weight:500;background:var(--surface-2)}.cmp td.feat{font-weight:500}.cmp td.y{color:var(--ok);font-family:var(--mono-font);font-size:13px}.cmp td.n{color:var(--fg-dim);font-family:var(--mono-font);font-size:13px}.cmp .pc-col{color:var(--fg);background:color-mix(in oklab,var(--acc) 6%,transparent)}.feat-cta{text-align:center;padding:48px 0;border-top:1px solid var(--line)}.feat-cta .lede{margin:16px auto 32px}.feat-cta .cta-row{justify-content:center}
