.home-use-cases{padding-block:12px 88px}.home-use-cases .split-heading{align-items:end;margin-bottom:35px}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.use-case-card{background:white;border:1px solid var(--line);border-radius:6px;padding:27px;display:flex;flex-direction:column;gap:24px;transition:border-color .2s,transform .2s}.use-case-card:hover{border-color:#819ced;transform:translateY(-3px)}.use-case-card .eyebrow{font-size:12px;letter-spacing:.05em}.use-case-card h3{font-size:29px;line-height:1.15;margin:0;min-height:100px}.use-case-example{font:12px/1.7 var(--mono);padding:15px;background:#f0f3fc;border:1px solid #dce3f2;color:#3a5293;overflow-wrap:anywhere;min-height:73px;display:flex;align-items:center}.use-case-card .card-link{font-size:14px}.case-explorer{padding-block:45px 75px}.case-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:45px;background:white}.case-picker button{display:flex;flex-direction:column;gap:12px;background:transparent;text-align:left;padding:22px 17px;border:0;border-right:1px solid var(--line);color:var(--ink);font-size:15px;line-height:1.4}.case-picker button:last-child{border-right:0}.case-picker button>span{font:12px var(--mono);color:var(--muted)}.case-picker button[aria-pressed=true]{background:var(--blue);color:white}.case-picker button[aria-pressed=true]>span{color:#dce4ff}.case-panel[hidden]{display:none}.case-intro{max-width:870px}.case-intro h2{font-size:clamp(36px,4.5vw,60px);max-width:820px}.case-intro>p:last-child{font-size:18px;line-height:1.65;color:var(--muted);max-width:710px}.case-flow{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px;align-items:center;margin-block:35px;font-size:15px;text-align:center}.case-flow>span{position:relative;border:1px solid var(--line);border-radius:4px;padding:21px 14px;background:#fff}.case-flow .case-boundary{font:700 32px 'Space Grotesk',sans-serif;letter-spacing:-2px;background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 0 #c6d1fb;display:flex;align-items:center;justify-content:center;gap:18px}.case-boundary small{font:13px/1.5 var(--mono);letter-spacing:0;text-align:left}.case-boundary:before,.case-boundary:after{content:'';position:absolute;top:50%;width:36px;height:1px;background:#a7b8dc}.case-boundary:before{right:100%}.case-boundary:after{left:100%}.record-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-record{background:#fff;border:1px solid var(--line);padding:28px;border-radius:6px;min-width:0}.record-heading>span{font:12px var(--mono);color:var(--muted);letter-spacing:.04em}.record-heading h3{font-size:25px;margin:13px 0 25px}.case-record dl{margin:0}.case-record dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;padding:14px 0;border-top:1px solid #e0e5ed;font:14px/1.6 var(--mono)}.case-record dt{color:#687991;overflow-wrap:anywhere}.case-record dd{margin:0;overflow-wrap:anywhere}.protected-record{background:#eef2ff;border-color:#bbcafa}.protected-record dd{color:#274bbd}.example-caption{font-size:12px;color:var(--muted);margin:16px 0 30px}.case-policy{display:grid;grid-template-columns:210px 1fr;gap:30px;padding:30px;background:#1c2638;color:#e9efff;border-radius:6px;align-items:start}.case-policy .eyebrow{color:#abc1ff;font-size:12px;padding-top:3px}.case-policy p{font-size:17px;line-height:1.7;margin:0}.case-value{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-block:35px}.case-value>div{border-top:1px solid var(--line);padding-top:22px}.case-value span{font:12px var(--mono);color:#6b7e9d}.case-value p{font-size:16px;line-height:1.7;margin:15px 0 0}.case-check{border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:180px 1fr auto;gap:25px;align-items:start}.case-check strong{font-size:15px;font-weight:500}.case-check p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.case-check .text-link{white-space:nowrap;padding-top:0}.use-cases-page .brand-closing{border-top:1px solid var(--line);padding-top:60px}.footer-top>div{flex-wrap:wrap}
@media(max-width:1000px){.case-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.case-picker button:nth-child(-n+3){border-bottom:1px solid var(--line)}.case-picker button:nth-child(3){border-right:0}.use-case-card{padding:22px}.use-case-card h3{font-size:25px}.case-record dl>div{grid-template-columns:1fr;gap:4px}.case-check{grid-template-columns:150px 1fr}.case-check>a{grid-column:2;justify-self:start}}
@media(max-width:760px){.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-policy{grid-template-columns:1fr;gap:16px}.case-flow{gap:15px;font-size:13px}.case-flow .case-boundary{flex-direction:column;gap:7px}.case-boundary small{text-align:center;font-size:12px}.case-boundary:before,.case-boundary:after{width:16px}.record-comparison{gap:12px}.case-record{padding:20px}.record-heading h3{font-size:22px}.case-value{gap:20px}.case-check{grid-template-columns:1fr;gap:12px}.case-check>a{grid-column:auto}.case-explorer{padding-top:28px}.case-picker{margin-bottom:32px}.home-use-cases{padding-bottom:60px}}
@media(max-width:560px){.use-case-grid{grid-template-columns:1fr}.use-case-card h3{font-size:30px;min-height:0}.use-case-card{padding:25px;gap:22px}.case-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.case-picker button{font-size:14px;padding:18px}.case-picker button:nth-child(-n+4){border-bottom:1px solid var(--line)}.case-picker button:nth-child(3){border-right:1px solid var(--line)}.case-picker button:nth-child(even){border-right:0}.case-intro>p:last-child{font-size:16px}.case-flow{grid-template-columns:1fr;gap:17px}.case-flow>span{padding:14px}.case-flow .case-boundary{flex-direction:row;gap:18px}.case-boundary:before,.case-boundary:after{width:1px;height:18px;left:50%;top:auto}.case-boundary:before{bottom:100%}.case-boundary:after{top:100%}.record-comparison{grid-template-columns:1fr}.case-record{padding:24px}.case-record dl>div{grid-template-columns:115px minmax(0,1fr);gap:15px;font-size:13px}.case-value{grid-template-columns:1fr;gap:25px}.case-policy{padding:24px}.case-policy p{font-size:16px}.case-explorer{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.use-case-card{transition:none}.use-case-card:hover{transform:none}}
.record-heading h3{min-height:60px}
