.hub-hero{padding:4.7rem 0 3.4rem;text-align:center}.hub-hero h1{font-size:clamp(2.35rem,5.4vw,4.4rem);line-height:1.03;letter-spacing:-.048em;max-width:860px;margin:.65rem auto 1.15rem}.hub-hero p{font-size:clamp(1.02rem,2vw,1.2rem);color:var(--muted);max-width:720px;margin:0 auto}.tools-section{padding-bottom:4.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2,.hub-note h2,.hub-cta h2{letter-spacing:-.025em;line-height:1.15}.section-heading h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:.2rem 0 0}.section-heading>p{color:var(--muted);margin:0 0 .2rem}.section-kicker{display:block;color:var(--blue-dark);font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.tool-card{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:1.15rem;min-height:300px;padding:1.65rem;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 25px rgba(35,61,110,.075);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:#b9cae4;box-shadow:var(--shadow)}.tool-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:#1d4ed8;background:#eaf2ff}.tool-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.size-icon{color:#0f766e;background:#e8f7f4}.password-icon{color:#7c3aed;background:#f2ecff}.checksum-icon{color:#b45309;background:#fff4de}.tool-copy{min-width:0}.tool-type{margin:0 0 .32rem;color:var(--muted);font-weight:750;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.tool-copy h3{font-size:clamp(1.25rem,2.1vw,1.55rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 .7rem}.tool-copy h3 a{color:var(--ink);text-decoration:none}.tool-copy h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.tool-copy p:last-child{color:var(--muted);margin:0;line-height:1.65}.card-action{grid-column:2;position:relative;z-index:1;justify-self:start;display:inline-flex;gap:.45rem;align-items:center;margin-top:1.2rem;color:var(--blue-dark);font-weight:800;text-decoration:none}.card-action span{transition:transform .18s ease}.tool-card:hover .card-action span{transform:translateX(3px)}.tool-copy h3 a:focus-visible::after{outline:3px solid var(--blue);outline-offset:3px}.card-action:focus-visible,.nav a:focus-visible,.footer a:focus-visible,.hub-cta a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:5px}.hub-note{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:3rem;padding-top:2.3rem;padding-bottom:2.3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hub-note h2{font-size:clamp(1.45rem,2.5vw,2rem);margin:.35rem 0 0}.hub-note>p{color:var(--muted);font-size:1.05rem;margin:0}.hub-cta{margin-top:4rem;margin-bottom:4rem;background:linear-gradient(125deg,#172b54,#1e40af);color:#fff;padding:2.5rem 2.8rem;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 20px 45px rgba(30,64,175,.18)}.hub-cta .section-kicker{color:#bfdbfe}.hub-cta h2{font-size:clamp(1.55rem,3vw,2.3rem);margin:.35rem 0 .4rem}.hub-cta p{margin:0;color:#dbeafe}.hub-cta .cta-button{flex:0 0 auto;background:#fff;color:#1e40af;border-color:#fff}.hub-cta .cta-button:hover{background:#eff6ff}.nav-links a[aria-current=page]{color:var(--blue-dark)}
@media(max-width:760px){.hub-hero{padding:3.3rem 0 2.7rem}.section-heading{display:block}.section-heading>p{margin-top:.45rem}.hub-grid{grid-template-columns:1fr}.tool-card{min-height:0}.hub-note{grid-template-columns:1fr;gap:1rem}.hub-cta{padding:2rem;display:block}.hub-cta .cta-button{margin-top:1.3rem}.nav{gap:.7rem}.nav-links{gap:.65rem}.nav-links a:not(.button):not([aria-current]){display:none}}
@media(max-width:420px){.hub-hero h1{font-size:2.35rem}.tool-card{grid-template-columns:48px minmax(0,1fr);column-gap:.85rem;padding:1.25rem}.tool-icon{width:46px;height:46px;border-radius:13px}.tool-icon svg{width:25px;height:25px}.card-action{grid-column:1/-1}.hub-cta{padding:1.6rem;border-radius:19px}.footer-inner{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.tool-card,.card-action span{transition:none}.tool-card:hover{transform:none}}