:root { --provider-ink:#171917; --provider-lime:#bdf52e; --provider-line:#d9ddd4; --provider-paper:#f7f8f3; }
.providers-page { color:var(--provider-ink); background:#fff; }
.provider-hero,.provider-toolbar,.provider-grid,.provider-next { max-width:1440px; margin:0 auto; }
.provider-hero { padding:96px 44px 52px; background:linear-gradient(135deg,#f6f8ef 0%,#fff 70%); border-bottom:1px solid var(--provider-line); }
.provider-hero h1 { max-width:900px; margin:18px 0; font:600 clamp(3rem,7vw,6.8rem)/.92 "Space Grotesk",sans-serif; letter-spacing:-.065em; }
.provider-hero>p:not(.eyebrow) { max-width:820px; font-size:1.18rem; line-height:1.65; color:#50564d; }
.status-key { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:34px; padding-top:24px; border-top:1px solid var(--provider-line); color:#4c5249; }
.status-key span { display:flex; align-items:center; gap:8px; }
.dot { width:10px; height:10px; border-radius:50%; flex:none; }
.dot-verifying { background:#7668f5; box-shadow:0 0 0 4px #eceaff; }
.dot-building { background:#e39d19; box-shadow:0 0 0 4px #fff2d7; }
.provider-toolbar { display:grid; grid-template-columns:auto minmax(240px,580px) 1fr; align-items:center; gap:18px; padding:32px 44px; }
.provider-toolbar label { font-weight:700; }
.provider-toolbar input { min-height:48px; border:1px solid #afb5aa; border-radius:0; padding:0 15px; font:inherit; background:#fff; }
.provider-toolbar input:focus { outline:3px solid rgba(118,104,245,.25); border-color:#7668f5; }
.provider-toolbar p { justify-self:end; color:#656b62; }
.provider-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0 44px 72px; }
.provider-card { display:flex; flex-direction:column; min-height:420px; border:1px solid var(--provider-line); background:var(--provider-paper); padding:28px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.provider-card:hover { transform:translateY(-4px); border-color:#9ba194; box-shadow:0 16px 42px rgba(25,29,22,.08); }
.provider-card[hidden] { display:none; }
.provider-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.provider-card h2 { margin:10px 0 6px; font:600 2rem/1 "Space Grotesk",sans-serif; letter-spacing:-.04em; }
.provider-card__region { color:#666d63; font-size:.9rem; }
.provider-status { display:inline-flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid currentColor; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
.provider-status.verifying { color:#5a4de0; background:#efedff; }
.provider-status.building { color:#9b6200; background:#fff2d5; }
.provider-card__summary { min-height:70px; color:#4f554d; line-height:1.55; }
.provider-card h3 { margin:22px 0 9px; font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; }
.credential-list { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none; }
.credential-list li { border:1px solid #cbd0c6; background:#fff; padding:6px 8px; font-size:.82rem; }
.provider-card__foot { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; padding-top:24px; }
.provider-card__foot a { color:var(--provider-ink); font-weight:700; text-decoration-thickness:1px; text-underline-offset:4px; }
.provider-card__foot span { color:#656b62; font-size:.8rem; text-align:right; }
.provider-next { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; padding:70px 44px 96px; border-top:1px solid var(--provider-line); background:#171917; color:#fff; }
.provider-next h2 { margin:18px 0 0; font:600 clamp(2.4rem,5vw,4.8rem)/.98 "Space Grotesk",sans-serif; letter-spacing:-.05em; }
.provider-next ol { margin:0; padding-left:22px; font-size:1.05rem; line-height:1.75; }
.provider-next li { padding:7px 0 7px 8px; border-bottom:1px solid #3a3d38; }
.provider-boundary { grid-column:1/-1; margin:0; padding:20px 22px; background:#272a25; color:#d6dad1; line-height:1.55; }
@media (max-width:1000px) { .provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-next{grid-template-columns:1fr} }
@media (max-width:680px) { .provider-hero{padding:64px 22px 36px}.provider-toolbar{grid-template-columns:1fr;padding:24px 22px}.provider-toolbar p{justify-self:start}.provider-grid{grid-template-columns:1fr;padding:0 22px 52px}.provider-next{padding:52px 22px}.provider-card{min-height:auto}.site-header .desktop-nav{display:none} }
@media (prefers-reduced-motion:reduce) { .provider-card{transition:none}.provider-card:hover{transform:none} }
