/* Gript -- Use Cases */
.page-hero{padding:var(--hero-pad-top) var(--hero-pad-x) clamp(48px,6vw,80px);text-align:center}
.page-hero h1{font-family:var(--font);font-size:var(--hero-h1-size);font-weight:700;letter-spacing:var(--hero-h1-tracking);line-height:var(--hero-h1-leading);max-width:860px;margin:0 auto 16px}
.page-hero p{font-size:var(--hero-sub-size);color:var(--ink-2);max-width:520px;margin:0 auto;line-height:var(--hero-sub-leading)}

/* Hero CTA — copied from vs.css */
.vs-hero-cta-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}
.btn-primary{display:inline-flex;align-items:center;background:var(--ink);color:#fff;font-family:var(--font);font-size:14px;font-weight:600;padding:12px 24px;border-radius:8px;text-decoration:none;transition:opacity 0.15s}
.btn-primary:hover{opacity:0.85}
.vs-hero-trust{font-size:13px;color:var(--ink-3)}

.cat-section{padding:clamp(48px,6vw,80px) clamp(20px,5.6vw,48px);border-top:1px solid var(--line)}
.cat-header{max-width:1080px;margin:0 auto clamp(24px,4vw,48px);display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(8px,1.5vw,20px)}
.cat-header h2{font-family:var(--font);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-1.5px}
.cat-header p{font-size:clamp(14px,1.2vw,15px);color:var(--ink-2)}

.uc-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(14px,1.6vw,20px)}
.uc-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:box-shadow 0.2s,transform 0.2s,border-color 0.2s}
.uc-card:hover{box-shadow:0 8px 32px rgba(0,0,0,0.06);transform:translateY(-2px)}
a.uc-card,a.uc-card:hover,a.uc-card:focus,a.uc-card:visited{text-decoration:none;color:inherit;display:block}
a.uc-card.uc-card-link:hover{border-color:var(--ink-3)}
a.uc-card.uc-card-link:focus-visible{outline:2px solid var(--ink-2);outline-offset:2px}
.uc-color{height:5px}
.uc-body{padding:clamp(20px,2.5vw,28px) clamp(16px,2vw,24px)}
.uc-emoji{font-size:28px;margin-bottom:14px;line-height:1}
.uc-card h3{font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:-0.5px;margin-bottom:4px}
.uc-who{font-size:13px;color:var(--ink-3);font-weight:500;margin-bottom:12px}
.uc-card p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-bottom:14px}
.uc-how{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.uc-features{list-style:none;display:flex;flex-direction:column;gap:4px}
.uc-features li{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.uc-features li::before{content:'+';color:var(--ink-3);font-weight:700}
.uc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.uc-tag{padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;background:#f5f5f5;color:var(--ink-2)}

.cta-strip{padding:clamp(60px,7vw,100px) clamp(20px,5.6vw,48px);text-align:center;background:var(--ink);border-top:1px solid rgba(255,255,255,.1)}
.cta-strip h2{font-family:var(--font);font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-2px;margin-bottom:16px;color:var(--bg)}
.cta-strip p{font-size:clamp(14px,1.2vw,16px);color:var(--ink-3);margin-bottom:32px}
.cta-strip .btn-dark{background:var(--bg);color:var(--ink)}
.cta-strip .btn-dark:hover{background:var(--line)}