.tools-main{padding:140px var(--pad-x) 96px;max-width:1180px;margin:0 auto}.tools-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:12px}.skills-index__head{max-width:720px;margin-bottom:48px}.skills-index__head h1{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 12px;letter-spacing:-.01em}.skills-index__sub{color:var(--ink-mute);font-size:18px;margin:0}.skills-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.skill-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:border-color .2s ease,transform .2s ease}@media (hover:hover) and (pointer:fine){.skill-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}}.skill-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--accent);color:var(--paper);font-family:var(--font-display);font-size:24px;margin-bottom:6px}.skill-card h2{font-family:var(--font-display);font-size:20px;line-height:1.2;margin:0}.skill-card p{color:var(--ink-mute);font-size:15px;line-height:1.5;margin:0;flex:1 1}.skill__breadcrumb{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:40px}.skill__breadcrumb a{color:var(--ink-mute)}.skill__breadcrumb a:hover{color:var(--accent)}.skill__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-gap:clamp(40px,5vw,72px);gap:clamp(40px,5vw,72px);align-items:start}.skill__title-row{gap:16px}.skill__icon,.skill__title-row{display:flex;align-items:center}.skill__icon{justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--accent);color:var(--paper);font-family:var(--font-display);font-size:28px;flex-shrink:0}.skill__title-row h1{font-family:var(--font-display);font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.01em;margin:0}.skill__tagline{margin:20px 0 0;font-size:18px;line-height:1.55;color:var(--ink-2);max-width:420px}.skill__chips{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}.skill__chips li{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);padding:5px 12px;border:1px solid var(--line);border-radius:999px}.skill__setup{margin-top:28px}.skill__setup-label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin-bottom:14px}.skill__setup ol{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px;counter-reset:setup}.skill__setup li{counter-increment:setup;display:grid;grid-template-columns:22px minmax(0,1fr);grid-gap:10px;gap:10px;font-size:15px;line-height:1.6;color:var(--ink-2)}.skill__setup li:before{content:counter(setup);display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:11px;color:var(--accent)}.skill__setup li>span{align-self:center}.skill__setup li:first-child{align-items:start}.skill__setup .copy-cmd{grid-column:2;margin-top:8px}.copy-cmd{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius)}.copy-cmd pre{margin:0;padding:14px 52px 14px 18px;overflow-x:auto}.copy-cmd code{font-family:var(--font-mono);font-size:13px;line-height:1.6;white-space:pre;color:var(--ink)}.copy-cmd button{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-mute);cursor:pointer;transition:color .2s ease,border-color .2s ease}.copy-cmd button:hover{color:var(--accent);border-color:var(--line-strong)}.skill__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.skill__terminal{background:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px -24px rgba(10,10,10,.4)}.skill__terminal-bar{display:flex;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.skill__terminal-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.18)}.skill__terminal-bar i:first-child{background:#ff5f57}.skill__terminal-bar i:nth-child(2){background:#febc2e}.skill__terminal-bar i:nth-child(3){background:#28c840}.skill__terminal pre{margin:0;padding:20px 24px 24px;overflow-x:auto}.skill__terminal code{font-family:var(--font-mono);font-size:13px;line-height:1.75;white-space:pre-wrap;color:var(--paper)}.t-dim{color:rgba(255,255,255,.45)}.t-hl{color:#c8aef0}.t-bad{color:#ff5f57;font-weight:700}.skill__demo-note{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--ink-mute)}.skill__demo-note strong{color:var(--ink-2)}.skill__fine{margin:56px 0 0;padding-top:20px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;line-height:2;color:var(--ink-mute)}.skill__fine a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.skill__fine a:hover{color:var(--accent-dim)}@media (max-width:900px){.skill__hero{grid-template-columns:minmax(0,1fr);gap:40px}.skill__breadcrumb{margin-bottom:28px}}@media (max-width:640px){.skill__actions .btn{width:100%;justify-content:space-between}}