.use-cases-page{-webkit-font-smoothing:antialiased}.use-cases-page h1,.use-cases-page h2{font-family:var(--sans);text-wrap:balance}.use-cases-page p{text-wrap:pretty}.use-cases-hero{isolation:isolate;text-align:center;padding:88px 20px 40px;position:relative}.use-cases-hero h1{letter-spacing:-.045em;margin:16px auto 18px;font-size:clamp(42px,5.5vw,72px);font-weight:500;line-height:1.02}.use-cases-lede{max-width:600px;color:var(--muted);font:17px/1.6 var(--sans);margin:0 auto}.use-cases-index{padding:32px 0 40px}.use-cases-index ul{margin-top:0}.use-case{border-top:1px solid var(--rule-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,96px);padding:88px 0;scroll-margin-top:80px;display:grid}.use-case.is-reversed .use-case-copy{order:2}.use-case-copy{max-width:500px}.use-case-copy h2{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.1}.use-case-copy>p{color:var(--muted);font:16px/1.65 var(--sans);margin:0}.use-case-copy ol{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.use-case-copy li{color:var(--ink);font:15px/1.45 var(--sans);align-items:center;gap:12px;display:flex}.use-case-copy li>span{width:24px;height:24px;color:var(--purple-dark);background:var(--purple-pale);font:500 12px var(--sans);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;display:grid}.use-case-note{background:var(--panel);border-radius:10px;gap:8px;padding:10px 12px;display:flex;margin:0 0 24px!important;font-size:13.5px!important}.use-case-note svg{flex:none;margin-top:2px}.use-case-copy .button{min-height:46px}.use-case-visual{background:var(--panel);border-radius:28px;min-width:0;padding:clamp(20px,3vw,36px);position:relative}.use-case-illustrative{color:var(--faint);font:11px var(--sans);position:absolute;bottom:12px;right:18px}.uc-visual{background:var(--paper-raised);font:14px/1.45 var(--sans);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 16px 40px #28144b12}.uc-window{border-bottom:1px solid var(--rule-soft);gap:6px;padding:12px 14px;display:flex}.uc-window span{background:var(--rule-soft);border-radius:50%;width:9px;height:9px}.uc-frame-body{gap:10px;padding:28px 28px 36px;display:grid;position:relative}.uc-line{background:var(--panel);border-radius:6px;width:45%;height:10px;display:block}.uc-line.is-wide{width:70%}.uc-frame-button{color:var(--muted);background:var(--panel);border-radius:10px;justify-self:start;margin-top:8px;padding:10px 18px;font-weight:500}.uc-pin{background:var(--purple);border:2px solid #fff;border-radius:50% 50% 50% 4px;width:26px;height:26px;position:absolute;top:88px;left:118px;box-shadow:0 2px 8px #00000040}.uc-comment{background:var(--panel);border-radius:12px;gap:10px;margin:0 14px 14px;padding:12px;display:flex}.uc-comment b{background:var(--paper-raised);width:26px;height:26px;font:600 10px var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.uc-comment p{margin:0;font-size:13px}.uc-comment strong{font-family:var(--mono);margin-right:6px;font-weight:500}.uc-list{padding:6px}.uc-row{border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.uc-row+.uc-row{border-top:1px solid var(--rule-soft);border-radius:0}.uc-row div{gap:2px;min-width:0;display:grid}.uc-row strong{font-weight:500}.uc-row span{color:var(--muted);font-size:13px}.uc-row em{color:var(--muted);background:var(--panel);font:500 12px/20px var(--sans);border-radius:999px;flex:none;padding:2px 9px}.uc-row em.is-waiting{color:var(--purple-dark);background:var(--purple-pale)}.uc-row em.is-ready{color:var(--success);background:color-mix(in srgb, var(--success) 11%, transparent)}.uc-row em.is-failed{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent)}.uc-row.is-muted strong{color:var(--muted)}.uc-task{gap:14px;padding:20px;display:grid}.uc-task label{gap:6px;font-weight:500;display:grid}.uc-task label span{color:var(--ink);border:1px solid var(--rule-soft);border-radius:10px;padding:10px 12px;font-weight:400}.uc-task-status{color:var(--purple-dark);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.uc-task-status i{background:var(--purple);width:8px;height:8px;box-shadow:0 0 0 4px var(--purple-pale);border-radius:50%}.uc-terminal{color:#e7e3ee;font:13px/1.9 var(--mono);background:#232127;padding:20px 22px}.uc-terminal p{margin:0}.uc-terminal p:first-child{color:#fff;margin-bottom:8px}.uc-terminal p span{color:#b7accc;margin-right:8px}.uc-terminal b{color:#c4afea;width:86px;font-weight:400;display:inline-block}.uc-player{padding:12px}.uc-player-screen{aspect-ratio:16/9;background:#1b1a1f;border-radius:10px;place-items:center;display:grid}.uc-play{color:#1b1a1f;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;padding-left:3px;font-size:16px;display:grid}.uc-player-track{background:var(--rule-soft);border-radius:4px;height:4px;margin:18px 6px 10px;position:relative}.uc-player-track span{background:var(--purple);border-radius:4px;position:absolute;inset:0 auto 0 0}.uc-player-track i{z-index:1;border:2px solid var(--paper-raised);background:var(--purple);border-radius:50%;width:11px;height:11px;position:absolute;top:50%;translate:-50% -50%}.uc-player-track i.is-resolved{background:var(--faint)}.uc-player-meta{color:var(--muted);justify-content:space-between;padding:0 6px 4px;font-size:12px;display:flex}@media (max-width:900px){.use-case{grid-template-columns:1fr;gap:32px;padding:64px 0}.use-case.is-reversed .use-case-copy{order:0}}@media (max-width:640px){.use-cases-hero{padding:56px 0 24px}.use-case-visual{border-radius:22px;padding:16px}.uc-pin{left:96px}}
