.tools-page{background:var(--color-paper);padding:5rem 1.5rem 7rem;position:relative}.tools-page:before{content:"";pointer-events:none;opacity:.6;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.09 0 0 0 0 0.16 0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.tools-page>.container{z-index:1;max-width:960px;margin:0 auto;position:relative}.tools-header{max-width:720px;margin-bottom:4rem}.tools-header .label{margin-bottom:1.25rem}.tools-header h1{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--color-ink);margin:0 0 1.25rem;font-size:clamp(2.5rem,5.2vw,3.75rem);font-weight:600;line-height:1.05}.tools-header h1 em{font-family:var(--font-serif);color:var(--color-accent);letter-spacing:-.02em;font-style:italic;font-weight:400}.tools-header .subtitle{color:var(--color-ink-soft);max-width:58ch;margin:0 0 1.75rem;font-size:1.125rem;line-height:1.55}.tools-header .subtitle code{font-family:var(--font-mono);background:var(--color-paper-deep);border:1px solid var(--color-line);border-radius:6px;padding:.1em .35em;font-size:.9em}.tools-cta-row{flex-wrap:wrap;gap:.75rem;margin:0;display:flex}.tools-cta-row .btn-ghost{border:1px solid var(--color-line-strong);color:var(--color-ink);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.tools-cta-row .btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.tools-section{margin-bottom:3.5rem}.tools-section-header{border-bottom:1px solid var(--color-line);align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.tools-section-num{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.06em;font-size:.75rem}.tools-section-header h2{letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem;display:grid}.tool-card{border:1px solid var(--color-line);background:#fff;border-radius:16px;padding:1.5rem}.tool-name{margin:0 0 .75rem;font-size:1.125rem}.tool-name code{font-family:var(--font-mono);color:var(--color-accent);font-size:1em}.tool-summary{color:var(--color-ink-soft);margin:0 0 1rem;line-height:1.55}.tool-details{color:var(--color-ink-soft);margin:0;padding-left:1.15rem;font-size:.9375rem;line-height:1.5}.tool-details li{margin-bottom:.4rem}.how-list{color:var(--color-ink-soft);max-width:68ch;margin:0;padding-left:1.25rem;line-height:1.6}.how-list li{margin-bottom:.85rem}.how-list code{font-family:var(--font-mono);background:var(--color-paper-deep);border:1px solid var(--color-line);border-radius:6px;padding:.1em .35em;font-size:.875em}.contrast-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.contrast-card{background:var(--color-paper-deep);border:1px solid var(--color-line);border-radius:16px;padding:1.5rem}.contrast-name{color:var(--color-ink);margin:0 0 .75rem;font-size:1.125rem}.contrast-card p{color:var(--color-ink-soft);margin:0;font-size:.975rem;line-height:1.55}.contrast-footer{max-width:68ch;color:var(--color-ink-soft);margin:0;line-height:1.55}@media (width<=640px){.tools-page{padding-top:6rem}}