.spr-tool-hub{--spr-radius:22px;--spr-border:#e5e7eb;--spr-text:#0f172a;--spr-muted:#64748b;--spr-bg:#f8fafc;--spr-blue:#0f62fe;--spr-blue-dark:#0346b8;max-width:1180px;margin:0 auto;padding:24px 16px;color:var(--spr-text)}
.spr-tool-hub__header{padding:34px;border-radius:var(--spr-radius);background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid var(--spr-border);box-shadow:0 16px 45px rgba(15,23,42,.06)}
.spr-tool-hub__kicker{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--spr-blue)}
.spr-tool-hub__header h1{margin:0 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.08;font-weight:850;color:var(--spr-text)}
.spr-tool-hub__header p{margin:0;max-width:780px;color:var(--spr-muted);font-size:16px;line-height:1.65}
.spr-tool-hub__main-tab{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:18px;background:#0f62fe;color:#fff;box-shadow:0 12px 30px rgba(15,98,254,.2)}
.spr-tool-hub__main-tab-label{font-weight:850;font-size:18px;letter-spacing:.02em}.spr-tool-hub__main-tab-note{font-size:14px;opacity:.9}
.spr-tool-hub__tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px;padding:10px;border:1px solid var(--spr-border);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.spr-tool-hub__tab{appearance:none;border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:10px 16px;font-weight:750;color:#334155;cursor:pointer;transition:all .18s ease}.spr-tool-hub__tab:hover{border-color:#93c5fd;color:var(--spr-blue)}.spr-tool-hub__tab.is-active{background:var(--spr-blue);border-color:var(--spr-blue);color:#fff;box-shadow:0 8px 20px rgba(15,98,254,.2)}
.spr-tool-hub__panel{display:none}.spr-tool-hub__panel.is-active{display:block}.spr-tool-hub__panel-head{margin:8px 0 18px}.spr-tool-hub__panel-head h2{margin:0 0 6px;font-size:24px}.spr-tool-hub__panel-head p{margin:0;color:var(--spr-muted);line-height:1.6}
.spr-tool-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spr-tool-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px;border:1px solid var(--spr-border);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.spr-tool-card:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 18px 40px rgba(15,23,42,.08)}
.spr-tool-card__badge{display:inline-flex;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#0f62fe;font-size:12px;font-weight:800}.spr-tool-card h3{margin:0 0 8px;font-size:19px;line-height:1.25}.spr-tool-card p{margin:0;color:var(--spr-muted);line-height:1.58;font-size:14px}.spr-tool-card__link{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:11px 14px;border-radius:12px;background:var(--spr-blue);color:#fff!important;text-decoration:none!important;font-weight:800}.spr-tool-card__link:hover{background:var(--spr-blue-dark)}
@media (max-width:900px){.spr-tool-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spr-tool-hub__header{padding:26px}.spr-tool-hub__main-tab{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.spr-tool-hub{padding:16px 10px}.spr-tool-hub__grid{grid-template-columns:1fr}.spr-tool-hub__tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.spr-tool-hub__tab{white-space:nowrap}.spr-tool-card{min-height:auto}}