:root{--primary:#0d9488;--primary-light:#14b8a6;--bg:#f0f4f8;--card-bg:#fff;--card-border:#e2e8f0;--text:#1e293b;--text-secondary:#64748b;--dark-card:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.page-container{max-width:1200px;margin:0 auto;padding:40px 24px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px;transition:box-shadow .2s,transform .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.hero-section{text-align:center;padding:60px 24px}.hero-section h1{margin-bottom:16px;font-size:2.5rem;font-weight:800}.hero-section p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.steps-row{grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0;display:grid}.step-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px}.step-number{width:36px;height:36px;color:var(--primary);background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-weight:700;display:inline-flex}.step-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-card p{color:var(--text-secondary);font-size:.95rem}.tools-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0;display:grid}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0;display:grid}.stat-number{color:var(--primary);font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.85rem}.nav-bar{background:var(--card-bg);border-bottom:1px solid var(--card-border);z-index:100;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-brand{color:var(--primary);font-size:1.2rem;font-weight:800;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--primary)}@media (width<=768px){.steps-row,.tools-grid,.faq-grid{grid-template-columns:1fr}.hero-section h1{font-size:1.8rem}}