:root {
    --primary:#0069d9;
    --bg:#fff; --text:#333;
    --gradient: linear-gradient(45deg, #0069d9 0%, #00c6ff 100%);
}
*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;}
body{font-family:'Segoe UI',Arial,sans-serif; color:var(--text);}
nav{position:fixed;width:100%;background:var(--bg);box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:100;}
nav ul{list-style:none;display:flex;gap:20px;padding:14px 40px;justify-content:flex-end;}
nav .logo{position:absolute;left:40px;top:10px;font-weight:700;font-size:24px;color:var(--primary);}
nav a{text-decoration:none;color:var(--text);font-weight:500;}
nav a:hover{color:var(--primary);}
#hero{height:100vh;background:var(--gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 20px;}
#hero h1{font-size:48px;margin-bottom:20px;}
#hero p{font-size:20px;margin-bottom:30px;}
.btn{background:#fff;color:var(--primary);padding:12px 24px;border-radius:30px;font-weight:600;transition:.3s;}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 15px rgba(0,0,0,.15);}
section{padding:80px 20px;max-width:1100px;margin:auto;text-align:center;}
h2{font-size:32px;margin-bottom:40px;}
.grid{display:grid;gap:30px;}
#features .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.card{padding:30px;border:1px solid #eee;border-radius:12px;transition:.3s;}
.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-6px);}
#pricing .grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.price-card{border:1px solid #eee;border-radius:12px;padding:30px;position:relative;}
.price{font-size:36px;margin:20px 0;color:var(--primary);}
.price-card.popular{border:2px solid var(--primary);}
.price-card ul{list-style:none;text-align:left;margin:20px 0 30px;}
.price-card li{margin:8px 0;}
#testimonials .slider{max-width:700px;margin:auto;}
#testimonials blockquote{font-style:italic;margin-bottom:20px;}
form input, form textarea{width:100%;padding:12px 14px;margin:10px 0;border:1px solid #ccc;border-radius:8px;}
form textarea{min-height:120px;resize:vertical;}
footer{background:#fafafa;text-align:center;padding:20px 10px;font-size:14px;color:#777;margin-top:40px;}
@media(max-width:600px){
    nav ul{flex-direction:column;align-items:flex-end;}
    #hero h1{font-size:36px;}
}