.s-tools{--ink:#050505;--purple:#7b4dde;--lilac:#b87aef;--pink:#f09ab6;--peri:#8586e8;--paper:#f8f8fa;--white:#fff;--ink-2:#56535f;--line-ink:#05050517;--line:var(--line-ink);--f-display:"Bricolage Grotesque","Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--gutter:clamp(16px,4vw,48px);--maxw:1180px;font-family:var(--f-body);background:var(--paper);position:relative}.s-tools .wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.s-tools .eyebrow{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.s-tools .tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(72px,10vw,128px);display:grid}.s-tools .tools__copy{gap:18px;display:grid}.s-tools .h-lg{font:700 clamp(30px,3.6vw,46px)/1.04 var(--f-display);letter-spacing:-.03em;margin:0}.s-tools .lede{color:var(--ink-2);max-width:34em;margin:0;font-size:clamp(16px,1.4vw,18.5px);line-height:1.6}.s-tools .tools__quote{font:700 clamp(20px,2vw,26px)/1.3 var(--f-display);letter-spacing:-.015em;border-top:1px solid var(--line);max-width:20em;margin:0;padding-top:10px}.s-tools .tools__quote span{color:var(--ink-2)}.s-tools .tools__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.s-tools .tools__list a{border-bottom:1px solid var(--line);font:600 17px/1.2 var(--f-body);color:var(--ink);align-items:center;gap:14px;padding:16px 4px;text-decoration:none;transition:padding .25s,color .2s;display:flex}.s-tools .tools__list a:hover{color:var(--purple);padding-left:12px}.s-tools .tools__list a i{color:var(--ink-2);margin-left:auto;font-style:normal;transition:transform .25s}.s-tools .tools__list a:hover i{color:var(--purple);transform:translate(4px)}.s-tools .tools__ic{background:var(--white);border:1px solid var(--line-ink);width:36px;height:36px;font:600 12px/1 var(--f-mono);color:var(--peri);border-radius:10px;flex:none;place-items:center;display:grid}.s-tools .tools__all a{color:var(--purple);font-size:15px}@media (max-width:900px){.s-tools .tools{grid-template-columns:minmax(0,1fr)}.s-tools .tools__copy{text-align:center;justify-items:center;margin-inline:auto}}
