*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f5f5f7;--color-bg-white: #fff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #667eea;--color-primary-dark: #764ba2;--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.hero{padding:5rem 1.5rem;text-align:center;background:var(--color-bg-white);border-bottom:1px solid var(--color-border)}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.03em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{margin-top:.75rem;font-size:1.25rem;color:var(--color-text-muted);font-weight:400}.hero-props{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.hero-props li{color:var(--color-text-muted);font-size:.95rem}.hero-props li:before{content:"• ";color:var(--color-primary)}.hero-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.btn{display:inline-block;padding:.8rem 1.75rem;font-size:.95rem;font-weight:500;border-radius:6px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-primary:hover{box-shadow:0 4px 16px #667eea66}.btn-secondary{background:var(--color-bg-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.section{padding:4.5rem 1.5rem;max-width:960px;margin:0 auto;width:100%}.section-alt{background:var(--color-bg-white);max-width:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-alt>*{max-width:960px;margin-left:auto;margin-right:auto}.section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2.5rem;color:var(--color-text)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.step{text-align:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:1rem}.step h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.step p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.card{padding:1.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#667eea4d;box-shadow:0 4px 12px #667eea14}.card h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.footer{margin-top:auto;padding:2rem 1.5rem;text-align:center;background:var(--color-bg-white);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.footer p+p{margin-top:.5rem}.footer-note{font-size:.8rem}@media(max-width:600px){.hero{padding:3.5rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section{padding:3rem 1rem}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;text-align:center}}