*{box-sizing:border-box}body{margin:0;background:#050a0d;color:#e5e7eb;font:16px/1.65 system-ui,sans-serif}a{color:#6ee7d4}header,footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem max(1.25rem,calc((100vw - 1160px)/2));border-bottom:1px solid #ffffff26}header nav,footer{display:flex;flex-wrap:wrap;gap:1.2rem}.brand{font-size:1.2rem;font-weight:800;color:#fff;text-decoration:none}main{max-width:1160px;margin:auto;padding:3rem 1.25rem}h1{font-size:clamp(2.3rem,6vw,3.8rem);line-height:1.1;color:#fff}.intro{font-size:1.2rem;max-width:850px;color:#b6c1ca}section{margin:3rem 0}h2{font-size:1.8rem}h3{font-size:1.15rem;line-height:1.35}p{max-width:800px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1rem}.tool-card{display:block;padding:1.3rem;border:1px solid #ffffff26;border-radius:10px;text-decoration:none;background:#ffffff06}.tool-card:hover,.tool-card:focus-visible{border-color:#6ee7d4}.tool-card p{font-size:.95rem;color:#b6c1ca}footer{border-top:1px solid #ffffff26;font-size:.95rem}@media(max-width:520px){header{align-items:flex-start;flex-direction:column;gap:.5rem}main{padding-top:1.8rem}}