.hero{text-align:center;padding:5rem 0 3rem;position:relative}.hero:before{content:"";background:radial-gradient(ellipse, var(--primary-glow) 0%, transparent 70%);pointer-events:none;z-index:-1;width:600px;height:400px;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.hero-badge{color:var(--primary-light);letter-spacing:.02em;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.035em;background:linear-gradient(135deg, #fff 0%, var(--primary-light) 50%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);max-width:540px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.btn-lg{padding:.7rem 1.75rem;font-size:.9375rem}.btn-arrow{transition:transform .2s;display:inline-block}.btn-primary:hover .btn-arrow{transform:translateY(2px)}@media (width<=640px){.hero{padding:3rem 0 2rem}.hero:before{width:300px;height:250px}.hero-desc{margin-bottom:1.5rem;font-size:1rem}.hero-actions{flex-direction:column;gap:.625rem}.hero-actions .btn{width:100%}}.features{padding:2rem 0 3rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:1.5rem}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:3.25rem;height:3.25rem;color:var(--primary-light);justify-content:center;align-items:center;margin-bottom:.875rem;margin-left:auto;margin-right:auto;display:flex}.feature-icon svg{width:1.375rem;height:1.375rem}.feature-card h3{color:var(--text);margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.feature-card p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}.feature-card{text-align:left;align-items:center;gap:1rem;padding:1.125rem 1.25rem;display:flex}.feature-icon{flex-shrink:0;margin:0}.feature-card h3{margin-bottom:.125rem}}.stats{padding:1.5rem 0 3rem}.stats-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 1rem;display:grid}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--border);width:1px;height:70%;position:absolute;top:15%;right:0}.stat-number{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-item:not(:last-child):after{display:none}}@media (width<=640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:1.5rem .75rem}.stat-number{font-size:1.5rem}}.section-header{margin-bottom:2rem}.section-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.section-desc{color:var(--text-secondary);margin:0;font-size:.9375rem}.tool-section{padding:1rem 0 2rem}.tool-category{margin-bottom:2rem}.tool-category-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:.875rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;color:var(--text)!important}.tool-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow), var(--shadow);transform:translateY(-2px)}.tool-card:hover .tool-arrow{color:var(--primary-light);transform:translate(3px)}.tool-icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:3rem;height:3rem;color:var(--primary-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-icon svg{width:1.25rem;height:1.25rem}.tool-info{flex:1;min-width:0}.tool-info h4{letter-spacing:-.01em;margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.tool-info p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.tool-arrow{color:var(--text-muted);transition:color var(--transition), transform var(--transition);flex-shrink:0;font-size:1.125rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-icon{color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.empty-state p{font-size:.9375rem}@media (width<=640px){.tool-grid{grid-template-columns:1fr}}.cta-section{padding:1rem 0 4rem}.cta-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c3aed14 0%,#c084fc0d 100%);border:1px solid #7c3aed26;padding:3rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(#7c3aed1a 0%,#0000 70%);width:400px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-card h2{letter-spacing:-.02em;margin-bottom:.625rem;font-size:1.5rem;font-weight:700;position:relative}.cta-card p{color:var(--text-secondary);max-width:480px;margin:0 auto 1.5rem;font-size:.9375rem;line-height:1.7;position:relative}.cta-card .btn{position:relative}@media (width<=640px){.cta-card{padding:2rem 1.25rem}.cta-card h2{font-size:1.25rem}}