*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#2c3e50;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.header{padding:2rem 0;position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand h1{font-size:1.5rem;font-weight:300;letter-spacing:.2em;color:#2c3e50}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#2c3e50;font-weight:400;transition:all .3s ease}.nav-menu a:hover{color:#667eea}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 2rem}.hero-content h2{font-size:clamp(2.5rem,8vw,4rem);font-weight:200;margin-bottom:1rem;color:#2c3e50}.hero-content p{font-size:1.25rem;color:#5a6c7d;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;transition:transform .3s ease;font-weight:500}.cta-button:hover{transform:translateY(-2px)}.features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.features h3{text-align:center;font-size:2.5rem;font-weight:200;margin-bottom:3rem;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.feature{text-align:center;padding:2rem}.feature h4{font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:#2c3e50}.feature p{color:#5a6c7d;line-height:1.8}.about,.contact{padding:5rem 2rem;max-width:800px;margin:0 auto;text-align:center}.about h3,.contact h3{font-size:2.5rem;font-weight:200;margin-bottom:2rem;color:#2c3e50}.about p{font-size:1.25rem;color:#5a6c7d;line-height:1.8}.contact-link{display:inline-block;margin-top:1rem;padding:1rem 2rem;background:transparent;border:2px solid #667eea;color:#667eea;text-decoration:none;border-radius:50px;transition:all .3s ease}.contact-link:hover{background:#667eea;color:#fff}.footer{text-align:center;padding:2rem;color:#5a6c7d;font-size:.875rem}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}.hero{padding:8rem 1rem 2rem}.features,.about,.contact{padding:3rem 1rem}}html{scroll-behavior:smooth}