.tools-project{--tp-line:color-mix(in srgb,currentColor 12%,transparent);--tp-soft:color-mix(in srgb,currentColor 67%,transparent);--tp-accent:#527a70;--tp-panel:#fff;max-width:1040px;margin:0 auto;padding:56px 0 72px;line-height:1.8}
.dark .tools-project{--tp-accent:#a5c5b7;--tp-panel:#222326}
.tools-project *{box-sizing:border-box}
.tools-project :is(h1,h2,h3,p,figure,dl){margin:0}
.tools-project a{color:inherit;text-decoration:none}
.tools-project a:focus-visible{outline:2px solid var(--tp-accent);outline-offset:5px}
.tp-back,.tp-visit{display:inline-flex;align-items:center;gap:8px;max-width:100%;white-space:nowrap}
.tp-back{color:var(--tp-soft)!important;font-size:12px;margin-bottom:30px}
.tools-project :is(.tp-back,.tp-visit) svg{width:16px;height:16px;flex:0 0 16px}
.tp-kicker{color:var(--tp-accent);font-size:11px;letter-spacing:.1em}
.tp-header-row{display:flex;gap:32px;justify-content:space-between;align-items:flex-end;margin-top:18px}
.tools-project h1{font-size:clamp(32px,4.5vw,52px);font-weight:600;line-height:1.2;letter-spacing:-.035em}
.tp-domain{color:var(--tp-soft);font-size:15px;letter-spacing:.015em;margin-top:9px!important}
.tp-visit{font-size:12px;padding:10px 15px;border:1px solid var(--tp-line);border-radius:8px;margin-bottom:3px;flex:none}
.tp-intro{max-width:770px;color:var(--tp-soft);font-size:17px;margin-top:24px!important}
.tp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;font-size:11px;color:var(--tp-soft)}
.tp-tags span{padding:3px 10px;border:1px solid var(--tp-line);border-radius:6px}
.tp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--tp-line);padding-top:20px;margin-top:28px!important}
.tp-metrics dt{font-size:11px;color:var(--tp-soft)}
.tp-metrics dd{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:5px 0 0}
.tp-metrics dd small{font-size:12px;font-weight:400;margin-left:5px;color:var(--tp-soft)}
.tp-figure{margin-top:34px!important}
.tp-image{display:block;position:relative;border:1px solid var(--tp-line);border-radius:16px;overflow:hidden;background:#fbfbfd;cursor:zoom-in}
.tp-image img{display:block;width:100%;height:auto}
.tp-expand{position:absolute;right:12px;top:12px;display:grid;place-items:center;background:#fffffff2;border:1px solid #dfe5e1;border-radius:8px;width:30px;height:30px;color:#527a70}
.tp-expand svg{width:15px;height:15px}
.tools-project figcaption{color:var(--tp-soft);font-size:11px;margin-top:10px;line-height:1.6}
.tp-section{padding-top:64px}
.tools-project h2{font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin-bottom:24px}
.tp-work{list-style:none;padding:0;margin:0;border-top:1px solid var(--tp-line)}
.tp-work li{display:grid;grid-template-columns:40px 180px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--tp-line);align-items:baseline}
.tp-work-number{color:var(--tp-accent);font-size:11px;font-variant-numeric:tabular-nums}
.tools-project h3{font-size:16px;font-weight:600;line-height:1.5}
.tp-work p,.tp-features p{color:var(--tp-soft);font-size:14px;line-height:1.85}
.tp-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--tp-line);border-radius:16px;overflow:hidden;background:var(--tp-panel)}
.tp-features article{padding:26px 28px;border-bottom:1px solid var(--tp-line)}
.tp-features article:nth-child(odd){border-right:1px solid var(--tp-line)}
.tp-features article:nth-last-child(-n+2){border-bottom:0}
.tp-features p{margin-top:10px}
.tp-footer{margin-top:42px;margin-bottom:0;min-height:40px;line-height:1.5}
body:has(.tools-project) #agent-launcher{animation:none;transition:none;transform:none;width:44px;height:44px;border:1px solid #dfe5e1;border-radius:50%;background:#fff;color:#527a70;box-shadow:0 4px 18px #172d210d}
body:has(.tools-project) #agent-launcher :is(.agent-character-floating,.floating-agent-hint){display:none!important}
body:has(.tools-project) #agent-launcher::before{content:'';position:absolute;inset:11px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M20 11a8 8 0 0 1-8 8H4v-8a8 8 0 1 1 16 0ZM8 10h8M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat}
.dark body:has(.tools-project) #agent-launcher{color:#b1c9be;background:#292c2b;border-color:#454b47}
@media(hover:hover) and (pointer:fine){.tp-back:hover{color:var(--tp-accent)!important}.tp-visit:hover{background:color-mix(in srgb,var(--tp-accent) 7%,transparent)}}
@media(max-width:760px){
 .tools-project{padding:32px 0 52px}.tp-back{margin-bottom:24px}.tp-header-row{display:block;margin-top:16px}
 .tools-project h1{font-size:clamp(30px,7.4vw,42px)}.tp-domain{font-size:13px}.tp-visit{margin:18px 0 0;padding:9px 12px}
 .tp-intro{font-size:15px;margin-top:20px!important}.tp-tags{gap:6px;margin-top:18px;font-size:10px}
 .tp-metrics{gap:12px;padding-top:18px;margin-top:24px!important}.tp-metrics dt{font-size:10px}.tp-metrics dd{font-size:16px;line-height:1.45}.tp-metrics dd small{font-size:10px;margin-left:3px}
 .tp-figure{margin-top:24px!important}.tp-image{border-radius:12px}.tp-expand{width:26px;height:26px;top:8px;right:8px}
 .tp-section{padding-top:44px}.tools-project h2{font-size:22px;margin-bottom:20px}
 .tp-work li{grid-template-columns:26px minmax(0,1fr);gap:8px 10px;padding:20px 0}.tp-work p{grid-column:2;font-size:13px}
 .tools-project h3{font-size:15px}.tp-features{grid-template-columns:minmax(0,1fr);border-radius:12px}.tp-features article{padding:22px 20px;border-right:0!important;border-bottom:1px solid var(--tp-line)!important}.tp-features article:last-child{border-bottom:0!important}.tp-features p{font-size:13px}
 .tp-footer{margin-top:32px}
}