.use-cases { --uc-tint:#f1f6f2;--uc-line:#d6e4d9;--uc-highlight:#dff0df;--uc-shadow:rgba(25,50,35,.06);position:relative;padding-block:25px 0; }
.use-cases .section_head>p { max-width:325px; }
.uc-layout { display:block; }
.uc-sidebar,.uc-controls { display:none; }
.uc-ready .uc-layout { display:grid;grid-template-columns:290px minmax(0,1fr);gap:38px;align-items:start; }
.uc-ready .uc-sidebar { display:block;padding-top:12px; }
.uc-ready .uc-controls { display:flex;align-items:center;gap:14px; }
.uc-pick-label { font:10px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-2);margin:0 0 17px 14px; }
.uc-tabs { display:grid;gap:9px; }
.uc-tab { display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:17px 14px;border:1px solid transparent;border-radius:13px;background:transparent; }
.uc-tab:hover { background:var(--surface);border-color:var(--border); }
.uc-tab[aria-selected="true"] { background:var(--accent-soft);border-color:var(--uc-line); }
.uc-tab-icon { width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--ink-2);flex:none; }
.uc-tab[aria-selected="true"] .uc-tab-icon { color:var(--accent-strong);border-color:var(--uc-line); }
.uc-tab>span:nth-child(2) { min-width:0; }
.uc-tab strong { display:block;font-size:14px;font-weight:600; }
.uc-tab small { display:block;margin-top:4px;color:var(--ink-2);font-size:10px;line-height:1.6; }
.uc-tab .uc-tab-arrow { margin-left:auto;width:15px;height:15px;color:var(--accent-strong);opacity:0; }
.uc-tab[aria-selected="true"] .uc-tab-arrow { opacity:1; }
.uc-side-note { display:flex;align-items:flex-start;gap:9px;color:var(--ink-2);font-size:11px;line-height:1.9;padding:22px 14px;margin-top:19px;border-top:1px solid var(--border); }
.uc-side-note .icon { width:16px;height:16px;margin-top:3px;color:var(--accent-strong); }
.uc-stage { min-width:0;background:linear-gradient(145deg,var(--uc-tint),var(--bg));border:1px solid var(--uc-line);border-radius:23px;padding:0 25px 16px; }
.uc-stage-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px; }
.uc-stage-bar>span { display:flex;align-items:center;gap:7px;font:9px var(--mono);letter-spacing:1px;color:var(--accent-strong); }
.uc-stage-bar>span i { width:5px;height:5px;border-radius:50%;background:var(--accent); }
.uc-controls button { display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--ink-2);font:10px var(--font);min-height:32px; }
.uc-controls .icon { width:13px;height:13px; }
.uc-controls .uc-pause { width:32px;border-radius:50%;border:1px solid var(--uc-line);background:var(--surface); }
.uc-case-heading { font-size:18px;margin:20px 0; }
.uc-ready .uc-case-heading { display:none; }
.uc-post { padding:25px 28px 21px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 10px 25px var(--uc-shadow); }
.uc-author { display:flex;align-items:center;gap:11px; }
.uc-avatar { display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600; }
.uc-author>div { min-width:0; }
.uc-author strong { display:block;font-size:13px;font-weight:600; }
.uc-author>div>span { display:block;margin-top:3px;font-size:10px;color:var(--ink-2); }
.uc-author>.icon { margin-left:auto;width:15px;height:15px;color:var(--muted); }
.uc-quote { font-size:23px;line-height:1.85;letter-spacing:-.4px;color:var(--ink);margin:23px 0 22px;min-height:128px; }
.uc-quote mark { --reveal:100%;color:inherit;background:linear-gradient(var(--uc-highlight),var(--uc-highlight)) 0 80% / var(--reveal) 83% no-repeat;padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone; }
.uc-signals { display:flex;flex-wrap:wrap;gap:8px;padding-top:17px;border-top:1px solid var(--border);min-height:42px; }
.uc-signals>span { display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;background:var(--accent-soft);color:var(--accent-strong);font-size:10px; }
.uc-signals .icon { width:12px;height:12px; }
.uc-ready .uc-signals>span:not(.found) { background:var(--surface-2);color:var(--ink-2); }
.uc-result { display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;align-items:center;padding:24px 8px 20px;min-height:159px; }
.uc-score>div:first-child { display:flex;align-items:baseline;gap:4px; }
.uc-score strong { font:500 43px/1 var(--mono);letter-spacing:-2px;color:var(--accent-strong);font-variant-numeric:tabular-nums; }
.uc-score>div>span { color:var(--ink-2);font:11px var(--mono); }
.uc-score-label { font-size:9px;color:var(--ink-2);display:block;margin-top:8px; }
.uc-score-track { height:3px;background:var(--uc-line);border-radius:3px;margin-top:12px;overflow:hidden; }
.uc-score-track i { display:block;width:100%;height:100%;transform-origin:left;background:var(--accent); }
.uc-reason>span { display:flex;align-items:center;gap:6px;font:9px var(--mono);letter-spacing:1px;color:var(--accent-strong); }
.uc-reason>span .icon { width:13px;height:13px; }
.uc-reason h3 { font-size:17px;letter-spacing:-.5px;line-height:1.4;margin:8px 0 5px; }
.uc-reason p { font-size:11px;line-height:1.9;color:var(--ink-2); }
.uc-disclaimer { padding-top:13px;border-top:1px solid var(--uc-line);color:var(--ink-2);font-size:10px;line-height:1.8;text-align:center; }
.uc-panel[hidden] { display:none; }
@media(max-width:1100px) { .uc-ready .uc-layout { grid-template-columns:240px minmax(0,1fr);gap:23px; }.uc-tab { padding:15px 10px;gap:10px; }.uc-tab strong { font-size:13px; }.uc-tab small { font-size:9px; }.uc-stage { padding-inline:20px; }.uc-post { padding:23px; }.uc-quote { font-size:21px;min-height:156px; }.uc-result { gap:19px;min-height:177px; }.uc-reason h3 { font-size:16px; } }
@media(max-width:850px) { .uc-ready .uc-layout { grid-template-columns:1fr;gap:20px; }.uc-tabs { grid-template-columns:repeat(4,minmax(0,1fr));gap:7px; }.uc-tab { flex-direction:column;align-items:flex-start;padding:13px;gap:10px;height:100%;border-color:var(--border);background:var(--surface); }.uc-tab small,.uc-tab .uc-tab-arrow,.uc-side-note { display:none; }.uc-pick-label { margin-left:0; }.uc-quote { min-height:117px; }.uc-result { min-height:159px; } }
@media(max-width:650px) { .use-cases { padding-top:4px; }.uc-ready .uc-layout { gap:17px; }.uc-tabs { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.uc-tab { flex-direction:row;align-items:center;padding:11px;gap:9px; }.uc-tab strong { font-size:12px; }.uc-tab-icon { width:30px;height:30px;border-radius:8px; }.uc-tab-icon .icon { width:16px;height:16px; }.uc-stage { padding:0 13px 13px;border-radius:17px; }.uc-stage-bar { min-height:60px;gap:8px; }.uc-stage-bar>span { font-size:8px;letter-spacing:.5px; }.uc-ready .uc-controls { gap:6px; }.uc-controls button { font-size:9px; }.uc-post { padding:18px 16px;border-radius:12px; }.uc-avatar { width:34px;height:34px;font-size:10px; }.uc-author { gap:8px; }.uc-author strong { font-size:12px; }.uc-author>div>span { font-size:9px; }.uc-author>.icon { display:none; }.uc-quote { font-size:20px;line-height:1.8;min-height:180px;letter-spacing:-.3px;margin:20px 0; }.uc-signals { gap:5px;min-height:73px;align-content:start; }.uc-signals>span { font-size:9px;padding:4px 6px; }.uc-result { grid-template-columns:78px minmax(0,1fr);gap:15px;padding:22px 2px;min-height:192px; }.uc-score strong { font-size:35px;letter-spacing:-1.5px; }.uc-score>div>span { font-size:9px; }.uc-score-label { font-size:8px; }.uc-reason>span { font-size:8px;letter-spacing:.5px; }.uc-reason h3 { font-size:15px; }.uc-reason p { font-size:10px; }.uc-disclaimer { font-size:10px; } }
@media(max-width:360px) { .uc-quote { min-height:216px; } }