.tool-card{display:flex;flex-direction:column;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--color-border);border-radius:24px;text-decoration:none;color:var(--color-text);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo);position:relative}.tool-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px -8px #0000001a,0 8px 16px -4px #0000000d;border-color:var(--color-primary-light)}.tool-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-card-icon{width:28px;height:28px;margin-bottom:1rem;color:var(--color-primary);flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.tool-card-icon span{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.tool-card-icon ::slotted(svg){display:block;width:28px;height:28px}.tool-card-body{flex:1}.tool-card-title{font-size:1rem;font-weight:600;margin:0 0 .3rem;color:var(--color-text);line-height:1.4}.tool-card-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 .75rem}.tool-card-footer{margin-top:auto;display:flex;justify-content:flex-end}.tool-card-link{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);transition:color .3s var(--ease-out-expo),transform .3s var(--ease-out-expo);display:inline-flex;align-items:center;gap:.25rem}.tool-card:hover .tool-card-link{color:var(--color-primary)}.hero{position:relative;overflow:hidden;padding:3.5rem 0 5rem;background:var(--color-bg)}.hero-bg-glow{position:absolute;top:-30%;right:-10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.06),rgba(6,182,212,.03),transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:1024px){.hero{padding:4.5rem 0 6rem}.hero-grid{grid-template-columns:1.05fr .95fr;gap:3.5rem}}.hero-copy{max-width:560px}.hide-mobile{display:none}@media(min-width:480px){.hide-mobile{display:inline}}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed14,#06b6d40f);color:var(--color-primary);margin-bottom:1.25rem;border:1px solid rgba(124,58,237,.1)}.hero-copy h1{font-size:clamp(2.25rem,5vw,3.625rem);letter-spacing:-.03em;line-height:1.08;margin-bottom:1rem;color:var(--color-text)}.hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.75rem;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hero-cta-primary,.hero-cta-secondary{font-size:.9375rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600}.hero-trust{display:flex;flex-wrap:wrap;gap:1rem}.trust-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.trust-chip svg{color:var(--color-primary-light);flex-shrink:0}.hero-preview{display:flex;justify-content:center}.tool-preview-card{width:100%;max-width:390px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;padding:1.5rem;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000008,0 0 0 1px #7c3aed08;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo)}.tool-preview-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f,0 4px 12px #0000000a,0 0 0 1px #7c3aed0f}.preview-swatch{width:100%;height:150px;border-radius:16px;display:flex;align-items:flex-end;justify-content:flex-start;padding:.75rem;margin-bottom:1rem;transition:background .6s ease;position:relative}.preview-swatch:after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 1px #ffffff26;pointer-events:none}.preview-hex-label{font-family:var(--font-mono);font-size:.9375rem;font-weight:700;color:#fff;background:#0000004d;backdrop-filter:blur(8px);padding:.25rem .625rem;border-radius:8px;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.08)}.preview-values{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;background:var(--color-bg);border-radius:12px;padding:.75rem 1rem}.pv-row{display:flex;align-items:center;gap:.75rem;font-size:.8125rem}.pv-label{font-weight:600;color:var(--color-text-muted);min-width:36px;font-size:.75rem;letter-spacing:.02em}.pv-value{font-family:var(--font-mono);color:var(--color-text);font-size:.8125rem;letter-spacing:-.01em}.preview-swatches{display:flex;gap:.375rem;margin-bottom:1rem}.preview-swatches span{width:100%;height:8px;border-radius:var(--radius-full);transition:transform .2s var(--ease-spring);cursor:default}.preview-swatches span:hover{transform:scaleY(1.6)}.preview-actions{display:flex;gap:.625rem}.preview-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all .2s var(--ease-out-expo);font-family:var(--font-sans);text-decoration:none;line-height:1}.preview-btn:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-lighter);color:var(--color-primary)}.preview-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:transparent;box-shadow:0 1px 2px #7c3aed4d}.preview-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;border-color:transparent}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{margin-bottom:.5rem}.section-header p{color:var(--color-text-secondary);font-size:1.05rem;max-width:540px;margin:0 auto}.categories-section{background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 40%)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media(min-width:1024px){.categories-grid{grid-template-columns:repeat(5,1fr)}}.category-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;transition:box-shadow .3s var(--ease-out-expo),transform .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo)}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-primary-lighter)}.cat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.75rem;box-shadow:0 2px 4px #0000001a}.cat-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text)}.cat-tools{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.cat-tools li a{font-size:.8125rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.25rem}.cat-tools li a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:background .2s}.cat-tools li a:hover{color:var(--color-primary)}.cat-tools li a:hover:before{background:var(--color-primary)}.popular-section{background:var(--color-bg)}.recently-section{background:var(--color-bg-alt)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.875rem;max-width:960px;margin:0 auto}.recent-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:box-shadow .25s var(--ease-out-expo),transform .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo)}.recent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-lighter)}.recent-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #00000014}.recent-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.recent-card-title{font-size:.9375rem;font-weight:600;color:var(--color-text)}.recent-card-desc{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.why-section{background:var(--color-bg)}.benefits-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:960px;margin:0 auto}@media(min-width:768px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;text-align:center;transition:box-shadow .3s var(--ease-out-expo),transform .3s var(--ease-out-expo)}.benefit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.benefit-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.benefit-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.benefit-card p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.resources-section{background:var(--color-bg-alt)}.resources-grid{display:grid;grid-template-columns:1fr;gap:.875rem;max-width:700px;margin:0 auto}@media(min-width:640px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-card{display:flex;flex-direction:column;gap:.375rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);position:relative;transition:box-shadow .25s var(--ease-out-expo),transform .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo)}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-lighter)}.resource-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.25rem;box-shadow:0 2px 4px #00000014}.resource-card-title{font-size:.9375rem;font-weight:600;color:var(--color-text)}.resource-card-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.resource-card-arrow{position:absolute;top:1.25rem;right:1.25rem;color:var(--color-text-muted);transition:transform .3s var(--ease-spring),color .25s var(--ease-out-expo)}.resource-card:hover .resource-card-arrow{color:var(--color-primary);transform:translate(3px)}@media(max-width:768px){.hero{padding:2rem 0 3.5rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.benefits-grid{grid-template-columns:1fr;max-width:400px}.recent-grid{grid-template-columns:1fr;max-width:100%}.resources-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-cta-primary,.hero-cta-secondary{width:100%;text-align:center}.hero-copy h1{font-size:clamp(1.75rem,8vw,2.25rem)}}