*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#10b981;--accent-hover:#059669}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{padding:24px 0;border-bottom:1px solid #1a1a1a}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--accent)}.nav{display:flex;gap:32px}.nav a{color:var(--text-secondary);transition:color .2s}.nav a:hover{color:var(--text-primary)}.hero{padding:120px 0;text-align:center}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:24px;line-height:1.1}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.cta-button{display:inline-block;background:var(--accent);color:var(--bg-primary);padding:14px 32px;border-radius:8px;font-weight:600;transition:background .2s}.cta-button:hover{background:var(--accent-hover)}.services{padding:80px 0;background:var(--bg-secondary)}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:48px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px}.service-card{background:var(--bg-primary);padding:32px;border-radius:12px;border:1px solid #1a1a1a}.service-card h3{font-size:1.25rem;margin-bottom:12px}.service-card p{color:var(--text-secondary)}.about{padding:80px 0}.about-content{max-width:700px;margin:0 auto;text-align:center}.about-content p{color:var(--text-secondary);font-size:1.125rem}.contact{padding:80px 0;background:var(--bg-secondary);text-align:center}.contact p{color:var(--text-secondary);margin-bottom:24px}.contact-email{font-size:1.5rem;color:var(--accent)}.footer{padding:32px 0;border-top:1px solid #1a1a1a;text-align:center}.footer p{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.nav{gap:24px}.hero{padding:80px 0}.about,.contact,.services{padding:60px 0}}