.tools-hero { padding-block: clamp(78px,9vw,138px); max-width: 1040px; }
.tools-hero-compact { padding-bottom: clamp(62px,7vw,100px); }
.tools-eyebrow { color:var(--brand); font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.tools-breadcrumb { display:inline-flex; gap:8px; margin-bottom:26px; color:var(--muted); font-size:.82rem; font-weight:750; text-decoration:none; }
.tools-hero h1,.planned-hero h1 { margin-top:16px; max-width:950px; font-size:clamp(4rem,7vw,7.5rem); line-height:.9; letter-spacing:-.075em; }
.tools-hero h1 span { color:var(--brand); }
.tools-hero > p:not(.tools-eyebrow),.planned-lead { max-width:760px; margin-top:26px; color:var(--muted); font-size:clamp(1.05rem,1.4vw,1.25rem); line-height:1.65; }
.tools-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.tools-principles { display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.tools-principles span,.planned-keywords span { padding:8px 11px; border:1px solid var(--line); background:var(--surface); color:var(--muted); font-size:.76rem; font-weight:750; }
.tools-categories { padding-block:clamp(70px,9vw,130px); border-top:1px solid var(--line); }
.tools-section-heading { max-width:800px; margin-bottom:44px; }
.tools-section-heading h2 { margin-top:12px; font-size:clamp(2.7rem,5vw,5.1rem); line-height:.96; letter-spacing:-.06em; }
.tools-section-heading > p:last-child { margin-top:18px; max-width:680px; color:var(--muted); }
.tools-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.tools-category-card { min-height:260px; padding:32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface); text-decoration:none; transition:transform .2s ease, background .2s ease; }
.tools-category-card:hover { transform:translateY(-3px); background:color-mix(in srgb,var(--brand) 4%,var(--surface)); }
.tools-category-count { color:var(--brand); font-size:.7rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.tools-category-card h2 { margin-top:34px; font-size:clamp(1.7rem,3vw,2.8rem); letter-spacing:-.05em; }
.tools-category-card p { margin-top:12px; max-width:480px; color:var(--muted); }
.tools-category-link { display:block; margin-top:28px; color:var(--brand); font-size:.82rem; font-weight:850; }
.tools-directory { padding-block:clamp(80px,10vw,145px); background:var(--surface-3); }
.category-directory { padding-top:20px; }
.tool-directory { border-top:1px solid var(--line); }
.tool-directory-row { display:grid; grid-template-columns:150px minmax(180px,.7fr) minmax(280px,1.4fr) 190px; gap:24px; align-items:center; min-height:94px; padding:18px 20px; border-bottom:1px solid var(--line); background:var(--surface); text-decoration:none; }
.tool-directory-row:hover { background:color-mix(in srgb,var(--brand) 4%,var(--surface)); }
.tool-directory-row > span:not(.tool-directory-status) { color:var(--muted); font-size:.86rem; }
.tool-directory-row small { color:var(--quiet); text-align:right; font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tool-directory-status,.planned-status { display:inline-flex; width:max-content; align-items:center; padding:6px 9px; border:1px solid var(--line); font-size:.68rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.tool-directory-status.live,.planned-status.live { color:#14803A; background:color-mix(in srgb,#22C55E 10%,var(--surface)); border-color:color-mix(in srgb,#22C55E 35%,var(--line)); }
.tool-directory-status.build,.planned-status.build { color:var(--brand); background:color-mix(in srgb,var(--brand) 8%,var(--surface)); border-color:color-mix(in srgb,var(--brand) 35%,var(--line)); }
.tool-directory-status.explore,.planned-status.explore { color:#9A6700; background:color-mix(in srgb,#F59E0B 10%,var(--surface)); border-color:color-mix(in srgb,#F59E0B 35%,var(--line)); }
.tool-directory-status.planned,.planned-status.planned,.tool-directory-status.research,.planned-status.research { color:var(--muted); background:var(--surface); }
.roadmap-note { max-width:780px; margin-top:30px; padding:24px; border-left:3px solid var(--brand); background:var(--surface); }
.roadmap-note p { margin-top:6px; color:var(--muted); }
.planned-hero { padding-block:clamp(72px,9vw,132px) clamp(64px,7vw,96px); }
.planned-status { margin-top:12px; }
.planned-keywords { margin-top:28px; }
.planned-keywords span { display:inline-block; line-height:1.7; }
.planned-body { display:grid; grid-template-columns:1fr .6fr; gap:clamp(50px,8vw,110px); align-items:start; padding-block:clamp(80px,10vw,140px); border-top:1px solid var(--line); }
.planned-copy h2 { margin-top:12px; font-size:clamp(2.7rem,5vw,5rem); line-height:.96; letter-spacing:-.06em; }
.planned-copy > p:not(.tools-eyebrow) { max-width:670px; margin-top:18px; color:var(--muted); }
.planned-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.planned-card { padding:32px; border:1px solid var(--line); background:var(--surface); box-shadow:var(--shadow); }
.planned-card span,.planned-card small { display:block; color:var(--muted); font-size:.72rem; font-weight:850; text-transform:uppercase; letter-spacing:.09em; }
.planned-card strong { display:block; margin-top:16px; font-size:1.55rem; line-height:1.2; }
.planned-card p { margin-block:18px 26px; color:var(--muted); }
.related-tools { padding-block:60px 90px; background:var(--surface-3); }
.related-tool-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.related-tool-links a { padding:10px 12px; border:1px solid var(--line); background:var(--surface); color:var(--text); font-size:.8rem; font-weight:800; text-decoration:none; }
@media(max-width:900px){.tools-category-grid,.planned-body{grid-template-columns:1fr}.tool-directory-row{grid-template-columns:1fr;gap:8px;padding:22px}.tool-directory-row small{text-align:left}}
@media(max-width:640px){.tools-hero h1,.planned-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.tools-category-card{min-height:220px;padding:25px}}
@media(forced-colors:active){.tools-category-card,.tool-directory-row,.planned-card,.related-tool-links a{border-color:CanvasText}}