.qb-case{--qb-window-shadow:0 1px 2px #0000000d, 0 12px 32px -12px #2a201426;max-width:1280px;padding:0 48px 160px}.dark .qb-case{--qb-window-shadow:0 1px 2px #0006, 0 18px 40px -16px #000c}.qb-case a{text-underline-offset:4px}.qb-case-nav{color:var(--muted-foreground);font:12px var(--font-mono);padding:34px 0}.qb-case-nav a{align-items:center;gap:8px;display:inline-flex}.qb-slide{text-align:center;padding-top:144px;scroll-margin-top:24px}.qb-slide h1,.qb-slide h2{text-wrap:balance;max-width:960px;margin-inline:auto;font-weight:500}.qb-slide h1{letter-spacing:-.05em;max-width:15em;font-size:clamp(42px,5.2vw,76px);line-height:1.02}.qb-slide h2{letter-spacing:-.045em;font-size:clamp(28px,2.9vw,40px);line-height:1.05}.qb-slide>p{letter-spacing:-.012em;max-width:840px;color:var(--muted-foreground);text-wrap:pretty;margin:24px auto 0;font-size:clamp(17px,1.4vw,19px);line-height:1.5}.qb-slide>.qb-stage,.qb-slide>.qb-days{margin-top:48px}.qb-hero{padding-top:22px;container-type:inline-size}.qb-hero h1{font-size:clamp(38px,3.9vw,52px);line-height:1.08}.qb-hero>p{margin-top:28px}.qb-hero>.qb-company{color:var(--foreground);letter-spacing:-.01em;align-items:center;gap:7px;margin:0 0 32px;font-size:17px;font-weight:500;display:inline-flex}.qb-company img{filter:invert();width:30px;height:30px}.dark .qb-company img{filter:none}.qb-hero>.qb-stage{margin-top:72px}.qb-brief{grid-template-columns:repeat(4,auto);justify-content:center;margin:56px auto 0;display:grid}.qb-brief>div{padding:2px clamp(12px,12.5cqi - 92.5px,24px)}.qb-brief>div+div{border-left:1px solid var(--border)}.qb-brief dt{color:var(--muted-foreground);font-size:13px;line-height:1.4}.qb-brief dd{letter-spacing:-.005em;white-space:nowrap;margin-top:8px;font-size:15px;font-weight:500;line-height:1.4}@container (width<=840px){.qb-brief{grid-template-columns:repeat(2,minmax(0,260px));gap:20px 0}.qb-brief>div:nth-child(3){border-left:0}.qb-brief dd{white-space:normal;text-wrap:balance}}.qb-stage{text-align:left;border-radius:16px;max-width:960px;margin:0 auto;padding:clamp(16px,4.5vw,64px);position:relative}.qb-case .qb-query-stage,.qb-case .qb-film-stage,.qb-case-search video{box-shadow:var(--qb-window-shadow);border:0;border-radius:10px}.qb-case .qb-film-stage{background:var(--q-bg);padding:24px}.dark .qb-case :is(.qb-query-stage,.qb-film-stage){box-shadow:0 0 0 1px #ffffff14, var(--qb-window-shadow)}.qb-case .qb-demo-caption{display:none}.qb-case .qb-play{background:var(--background);border:1px solid var(--border);color:var(--foreground);opacity:.85}.qb-case .qb-play:hover{opacity:1;background:var(--background)}.qb-case-search{margin:0}.qb-case-search video{background:#fff;width:100%;height:auto;display:block}.qb-case-search figcaption{color:var(--muted-foreground);text-align:center;margin-top:16px;font-size:14px}.qb-stage .qb-demo{max-width:880px;margin-inline:auto}.qb-days{text-align:left;gap:16px;max-width:960px;margin:0 auto;display:grid}.qb-days-row{grid-template-columns:64px minmax(0,1fr) 80px;align-items:center;gap:20px;display:grid}.qb-days-label{color:var(--muted-foreground);font-size:13px}.qb-days-track{grid-template-columns:repeat(21,minmax(0,1fr));gap:5px;display:grid}.qb-days-track i{background:color-mix(in oklch, var(--foreground) 22%, transparent);border-radius:4px;height:32px}.qb-days-after .qb-days-track i{background:var(--foreground)}.qb-days-after .qb-days-track .qb-day-saved{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--foreground) 16%, transparent);background:0 0}.qb-days-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:right;font-size:15px}.qb-days-after .qb-days-value{font-weight:500}.qb-quote{max-width:820px;margin:80px auto 0;padding:0}.qb-quote p{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(20px,2vw,26px);line-height:1.3}.qb-quote footer{color:var(--muted-foreground);margin-top:20px;font-size:15px}@media (width<=1050px){.qb-case{padding-inline:30px}}@media (width<=760px){.qb-case{padding-inline:20px}.qb-case-nav{padding-block:24px}.qb-slide{padding-top:88px}.qb-hero{padding-top:28px}.qb-slide h1{font-size:36px}.qb-brief{margin-top:40px}.qb-brief>div{padding:0 12px}.qb-slide h2{font-size:28px}.qb-slide>.qb-stage,.qb-slide>.qb-days{margin-top:28px}.qb-stage{border-radius:12px}.qb-case .qb-film-stage{padding:12px}.qb-days-row{grid-template-columns:44px minmax(0,1fr) 52px;gap:10px}.qb-days-label{font-size:13px}.qb-days-track{gap:2px}.qb-days-track i{border-radius:2px;height:24px}.qb-days-value{font-size:15px}.qb-quote{margin-top:56px}}.qb-case .q-syntax-editor .q-syntax-code{padding:32px 28px 34px 16px}.qb-case .q-syntax-editor .q-syntax-code code{font-size:19px;line-height:38px}.qb-case .q-syntax-editor .q-editor-line{grid-template-columns:28px minmax(0,1fr);column-gap:22px}.qb-case .q-syntax-editor .q-syntax-indent{padding-left:22px}.qb-case .q-editor-bar{min-height:50px}.qb-case .q-editor-tab{font-size:13px}.qb-case .q-editor-status{height:52px;padding-left:12px}.qb-case .q-concept-step{min-height:30px;padding:0 12px;font-size:12px}@media (width<=760px){.qb-case .q-syntax-editor .q-syntax-code code{font-size:13px;line-height:26px}.qb-case .q-syntax-editor .q-editor-line{grid-template-columns:19px minmax(0,1fr);column-gap:12px}}.qb-case .qb-sentence .qb-film-stage{padding-inline:8px}