@layer components{.tools-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);gap:clamp(2rem,5vw,5rem);align-items:center}.tools-hero .h1{font-size:var(--step-h1);line-height:1.06}.tools-hero__visual{display:grid;gap:1.05rem;width:min(100%,36rem);justify-self:end}.tools-hero__actions{margin-top:1.7rem;align-items:center}.tools-lab{display:grid;gap:.75rem;border:1px solid var(--rule);border-top:2px solid var(--gold);background:var(--navy-2);padding:clamp(.9rem,1.8vw,1.15rem)}.tools-lab__top{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.65rem;border-bottom:1px solid var(--rule)}.tools-lab__top span,.tools-lab__top b,.tools-lab__formula span,.tools-lab__panel>span,.tools-lab__categories b{color:var(--mist);font-family:var(--sans);font-size:var(--step-label);font-weight:600;letter-spacing:normal;line-height:1.4;text-transform:none}.tools-lab__top b{color:var(--ivory)}.tools-lab__formula{display:grid;gap:.45rem;border:1px solid var(--rule);background:var(--navy-3);padding:.75rem .9rem}.tools-lab__formula strong{color:var(--ivory);font-family:var(--display);font-size:var(--step-h3);font-weight:600;line-height:1.08}.tools-lab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--navy-3);border:1px solid var(--rule)}.tools-lab__panel{display:grid;gap:.55rem;align-content:start;min-height:10.5rem;padding:.85rem;background:var(--navy-3)}.tools-lab__panel p{display:grid;gap:.3rem;padding-top:.5rem;border-top:1px solid var(--rule)}.tools-lab__panel p:first-of-type{margin-top:.1rem}.tools-lab__panel p b{color:var(--mist);font-family:var(--sans);font-size:var(--step-label);font-weight:600;letter-spacing:normal;text-transform:none}.tools-lab__panel p strong{color:var(--gold);font-family:var(--display);font-size:var(--step-h3);font-weight:600;line-height:1.08}.tools-lab__panel--output{background:var(--navy-3)}.tools-lab__categories{display:grid;border-block:1px solid var(--rule)}.tools-lab__categories span{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.85rem;padding:.55rem 0;border-top:1px solid var(--rule)}.tools-lab__categories span:first-child{border-top:0}.tools-lab__categories em{color:var(--mist);font-style:normal;font-size:var(--step-label);line-height:1.5}.tools-directory__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(18rem,.8fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:clamp(1.8rem,4vw,3rem)}.tools-directory__head p{color:var(--mist);line-height:1.65;max-width:54ch}.tool-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.tool-card{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.3rem 1.2rem;min-height:14rem;padding:clamp(1.2rem,2.5vw,1.7rem);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--navy-2);transition:background .2s var(--ease),transform .2s var(--ease)}.tool-card:hover{background:var(--navy-3);transform:translateY(-2px)}.tool-card__num{grid-row:span 4;color:var(--mist);font-family:var(--sans);font-size:var(--step-label);font-weight:600;letter-spacing:var(--track-label)}.tool-card__label,.tool-card__go{color:var(--mist);font-family:var(--sans);font-size:var(--step-label);font-weight:600;letter-spacing:normal;text-transform:none}.tool-card strong{color:var(--ivory);font-family:var(--display);font-size:var(--step-h3);font-weight:500;line-height:1.14}.tool-card p{color:var(--mist);line-height:1.62;max-width:46ch}.tool-card__go{align-self:end;margin-top:.8rem;color:var(--gold)}.tool-card:hover strong,.tool-card:focus-visible strong{color:var(--gold)}@media(max-width:900px){.tools-hero__grid,.tools-directory__head,.tool-directory-grid{grid-template-columns:1fr}.tools-hero__visual{justify-self:start}.tools-lab__categories span{grid-template-columns:1fr;gap:.35rem}.tool-directory-grid{border-left:0}.tool-card{border-right:0}}@media(max-width:640px){.tools-hero__visual{display:none}.tools-lab__grid{grid-template-columns:1fr}.tools-lab__panel{min-height:auto}}}