.tools-page{--bg:#f4f2ee;--card:#fff;--accent:#6868fe;--accent-soft:#ececff;--text:#1a1816;--text2:#6b6560;--text3:#9c958e;--border:#ebe8e5;--r:10px;--r-lg:16px;--serif:var(--font-fraunces),"Fraunces",Georgia,serif;--sans:var(--font-dm-sans),"DM Sans",-apple-system,sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.tools-hero{text-align:center;padding:120px 24px 48px;max-width:640px;margin:0 auto}.tools-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:24px}.tools-hero h1{font-family:var(--serif);font-size:clamp(32px,4.5vw,48px);font-weight:400;line-height:1.15;color:var(--text);margin:0 0 16px;letter-spacing:-.02em}.tools-hero h1 em{font-style:italic;color:var(--accent)}.tools-hero p{color:var(--text2);font-size:17px;line-height:1.6;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;max-width:840px;margin:0 auto;padding:0 24px 80px}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .22s}.tool-card:hover{border-color:var(--accent);box-shadow:0 8px 28px rgba(104,104,254,.1),0 2px 8px rgba(0,0,0,.04);transform:translateY(-2px)}.tool-card-icon{width:52px;height:52px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tool-card h2{font-size:20px;font-weight:600;margin:0 0 10px;line-height:1.3}.tool-card p{color:var(--text2);font-size:14px;line-height:1.6;margin:0 0 16px;flex:1 1}.tool-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tool-tag{font-size:11.5px;font-weight:500;color:var(--text3);background:var(--bg);border:1px solid var(--border);padding:4px 10px;border-radius:100px}.tool-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent);transition:gap .2s}.tool-card:hover .tool-card-cta{gap:10px}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:16px}.tools-hero{padding:80px 20px 36px}.tools-grid{padding:0 20px 60px}}@media (max-width:480px){.tools-hero{padding:88px 16px 28px}.tools-hero p{font-size:15px}.tools-grid{padding:0 16px 48px}.tool-card{padding:24px}}