.use-case-page{background:#fff}.use-case-hero{padding:96px 0 72px}.use-case-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);grid-template-areas:"eyebrow media""copy media""actions media";align-items:center;gap:18px 56px;display:grid}.use-case-hero-copy{grid-area:copy;max-width:720px}.use-case-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;grid-area:eyebrow;margin:0;font-size:14px;font-weight:800}.use-case-title{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.35}.use-case-lead{color:var(--muted);margin:26px 0 0;font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.75}.use-case-actions{flex-wrap:wrap;grid-area:actions;gap:12px;display:flex}.use-case-download-btn{border-radius:14px;justify-content:center;min-width:min(100%,260px);min-height:58px;padding:15px 28px;font-size:18px;font-weight:800}.use-case-hero-media{background:#0f172a;border-radius:24px;grid-area:media;position:relative;overflow:hidden;box-shadow:0 16px 40px #ff4d6d14,0 6px 20px #d946ef0f}.use-case-hero-image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.use-case-pains .section-title,.use-case-workflows .section-title,.use-case-day .section-title,.use-case-feature-map .section-title,.use-case-faq .section-title{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.use-case-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.use-case-card,.use-case-workflow,.use-case-timeline-item,.use-case-feature-row,.use-case-faq-item{background:var(--card-bg);border-radius:18px}.use-case-card{padding:28px}.use-case-pain-title{align-items:flex-start;gap:10px;display:flex}.use-case-pain-icon{flex-shrink:0;width:48px;height:auto;margin-top:-4px;display:block}.use-case-card h3,.use-case-workflow h3,.use-case-timeline-item h3,.use-case-feature-row h3,.use-case-faq-item h3{color:var(--text);letter-spacing:0;margin:0;font-size:20px;font-weight:800;line-height:1.35}.use-case-card p,.use-case-workflow p,.use-case-timeline-item p,.use-case-feature-row p,.use-case-faq-item p{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.75}.use-case-workflow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.use-case-workflow{background:#fff;grid-template-columns:auto 1fr;gap:20px;padding:28px;display:grid}.use-case-workflow-index{flex-shrink:0;width:64px;height:auto;display:block}.use-case-workflow-feature{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--primary)!important;margin:0 0 8px!important;font-size:12px!important}.use-case-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.use-case-timeline-item{padding:26px;position:relative}.use-case-feature-map{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:48px;display:grid}.use-case-feature-map-copy{top:calc(var(--nav-height) + 32px);position:sticky}.use-case-feature-map-copy .section-title,.use-case-feature-map-copy .section-sub{text-align:left}.use-case-feature-map-list{gap:14px;display:grid}.use-case-feature-row{padding:24px 26px}.use-case-faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.use-case-faq-item{background:#fff;padding:24px 26px}@media (max-width:1024px){.use-case-hero-inner{grid-template-columns:1fr;grid-template-areas:"eyebrow""media""copy""actions"}.use-case-feature-map{grid-template-columns:1fr}.use-case-hero-media{max-width:760px}.use-case-card-grid,.use-case-faq-list,.use-case-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-feature-map-copy{position:static}}@media (max-width:720px){.use-case-hero{padding:56px 0 44px}.use-case-hero-inner{gap:32px}.use-case-title{font-size:clamp(18px,5.4vw,24px)}.use-case-actions{flex-direction:column;align-items:stretch}.use-case-actions .btn{justify-content:center;width:100%}.use-case-card-grid,.use-case-faq-list,.use-case-workflow-list,.use-case-timeline{grid-template-columns:1fr}.use-case-card,.use-case-workflow,.use-case-timeline-item,.use-case-feature-row,.use-case-faq-item{border-radius:14px}.use-case-card,.use-case-workflow,.use-case-timeline-item{padding:22px}.use-case-workflow{grid-template-columns:1fr}}
