:root{--brand:#635bff;--brand2:#8b5cf6;--ink:#172033}
body{color:var(--ink);background:#fff}.brand-mark{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
.hero-section{background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.18),transparent 32%),linear-gradient(180deg,#f7f7ff 0%,#fff 100%);overflow:hidden}.hero-badge{background:#eeedff;color:#5148d8}.hero-search{border:1px solid #ececf5}.hero-visual{background:linear-gradient(145deg,#181b35,#4b3c99);color:#fff}.finder-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);padding:15px;border-radius:15px;margin-top:10px}.finder-row .badge{background:rgba(255,255,255,.15);color:#fff}.chip{border:1px solid #e3e4ed;background:#fff;color:#4b5563;padding:7px 12px;border-radius:999px;text-decoration:none;font-size:.875rem}.chip:hover{border-color:var(--brand);color:var(--brand)}
.section-kicker{font-size:.75rem;letter-spacing:.16em;color:var(--brand);font-weight:800}.tool-card{transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2.5rem rgba(30,35,70,.12)!important}.tool-logo{width:54px;height:54px;border-radius:16px;background:#f5f6fa;border:1px solid #e9eaf0;display:flex;align-items:center;justify-content:center;overflow:hidden}.tool-logo img{width:72%;height:72%;object-fit:contain}.tool-logo-lg{width:78px;height:78px;border-radius:20px}.category-card{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e7e8ef;background:#fff;border-radius:18px}.category-icon{width:46px;height:46px;border-radius:14px;background:#f0efff;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.category-large{transition:transform .2s}.category-large:hover{transform:translateY(-3px)}.page-hero{background:#f7f7fb;border-bottom:1px solid #ececf2}.content-section{padding:25px 0;border-bottom:1px solid #ececf2}.content-section h2{font-size:1.35rem;font-weight:750;margin-bottom:16px}.info-box{padding:16px;border:1px solid #e7e8ef;border-radius:15px;background:#fff}.info-box i{color:var(--brand);margin-right:8px}.footer-link{display:block;color:#adb5bd;text-decoration:none;margin:.5rem 0}.footer-link:hover{color:#fff}

.reference-preview{transition:transform .2s ease,box-shadow .2s ease}.reference-preview:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(30,35,70,.12)!important}.reference-preview-link{display:block;position:relative;overflow:hidden;background:#f5f6fa}.reference-preview-link img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .3s ease}.reference-preview:hover .reference-preview-link img{transform:scale(1.035)}.reference-preview-zoom{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:var(--brand);box-shadow:0 .25rem .75rem rgba(0,0,0,.12)}