.use-case-page{color:#171717;background:#fff;min-height:100vh}.use-case-page .use-case-hero,.use-case-page .use-case-workflow,.use-case-page .use-case-prompt,.use-case-page .use-case-related{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.use-case-hero{padding-top:120px;padding-bottom:72px}.use-case-back{color:#666;font-size:13px;text-decoration:none}.use-case-back:hover{color:var(--l-brand)}.use-case-hero h1{max-width:1040px;font-family:var(--l-head);letter-spacing:-.045em;margin:24px 0;font-size:clamp(38px,6vw,72px);font-weight:500;line-height:1.08}.use-case-hero>p{color:#575757;max-width:780px;font-size:19px;line-height:1.65}.use-case-actions{gap:12px;margin-top:30px;display:flex}.use-case-page [data-slot=button]{height:44px;box-shadow:none;border-radius:12px;padding:0 20px}.use-case-page [data-slot=button]:focus-visible{box-shadow:none;outline:none}.use-case-primary{background:var(--l-brand);color:#fff}.use-case-primary:hover{background:color-mix(in srgb,var(--l-brand),#000 15%)}.use-case-workflow,.use-case-prompt,.use-case-related{padding-top:36px;padding-bottom:48px}.use-case-page h2{font-family:var(--l-head);letter-spacing:-.025em;margin:0 0 24px;font-size:26px;font-weight:500}.use-case-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.use-case-steps [data-slot=card]{background:var(--l-bg-subtle);border:1px solid var(--l-border);box-shadow:none;color:#171717;border-radius:20px}.use-case-number{color:var(--l-brand);margin-bottom:14px;font-size:12px}.use-case-steps [data-slot=card-title]{font-family:var(--l-head);font-size:19px;font-weight:500;line-height:1.35}.use-case-steps p{color:#575757;margin:0;font-size:15px;line-height:1.75}.use-case-prompt blockquote{border:1px solid var(--l-brand-ring);background:var(--l-brand-tint);border-radius:20px;margin:0;padding:28px;font-size:clamp(19px,2.5vw,25px);line-height:1.55}.use-case-prompt>p{color:#666;max-width:780px;margin-top:20px;font-size:14px;line-height:1.7}.use-case-related ul{flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.use-case-related a{color:var(--l-brand);text-decoration:none}.use-case-related a:hover{text-decoration:underline}@media (max-width:700px){.use-case-hero{padding-top:110px;padding-bottom:32px}.use-case-hero>p{font-size:17px}.use-case-steps{grid-template-columns:1fr}.use-case-workflow,.use-case-prompt,.use-case-related{padding-top:24px;padding-bottom:32px}.use-case-actions{flex-wrap:wrap}.use-case-page h2{font-family:var(--l-head);font-size:23px}}