:root{--primary:#06c;--primary-dark:#0052a3;--secondary:#00d4ff;--accent:#ff6b35;--success:#10b981;--dark:#1a1a2e;--gray:#666;--light:#f8f9fa;--border:#e0e0e0;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.header{border-bottom:1px solid var(--border);z-index:100;background:#fff;transition:all .3s;position:sticky;top:0}.header.scrolled{box-shadow:0 2px 8px #00000014}.header-content{padding:var(--spacing-lg)0;justify-content:space-between;align-items:center;display:flex}.logo h1{color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.logo{text-decoration:none}.tagline{color:var(--gray);margin-top:2px;font-size:.85rem}.nav{gap:var(--spacing-lg);align-items:center;display:flex}.nav-link{color:var(--gray);font-size:.95rem;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--primary)}.cta-button{background:var(--primary);color:#fff;border-radius:6px;padding:10px 20px;font-size:.95rem;text-decoration:none;transition:background .3s}.cta-button:hover{background:var(--primary-dark)}.hero{color:#fff;padding:120px var(--spacing-lg);text-align:center;background:linear-gradient(135deg,#06c 0%,#00d4ff 100%)}.hero-content{max-width:800px;margin:0 auto}.hero h2{margin-bottom:var(--spacing-lg);font-size:3rem;line-height:1.2}.hero p{margin-bottom:var(--spacing-xl);opacity:.95;font-size:1.2rem}.hero-cta{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:12px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary:hover{color:var(--primary);background:#fff}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-lg{padding:16px 48px;font-size:1.1rem}.btn-block{width:100%;display:block}.section{padding:80px var(--spacing-lg)}.section-light{background:var(--light);padding:80px var(--spacing-lg)}.section-features{padding:80px var(--spacing-lg);background:#fff}.section-cta{color:#fff;padding:80px var(--spacing-lg);text-align:center;background:linear-gradient(135deg,#06c 0%,#00d4ff 100%)}.section-cta h2{margin-bottom:var(--spacing-lg);font-size:2.5rem}.section-cta p{margin-bottom:var(--spacing-xl);font-size:1.2rem}.section-title{margin-bottom:var(--spacing-xl);text-align:center;color:var(--dark);font-size:2.5rem}.steps{gap:var(--spacing-xl);margin:var(--spacing-xl)0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.step{text-align:center;padding:var(--spacing-lg)}.step-number{background:var(--primary);color:#fff;width:60px;height:60px;margin:0 auto var(--spacing-lg);border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.step h3{margin-bottom:var(--spacing-md);font-size:1.3rem}.step p{color:var(--gray)}.features-grid{gap:var(--spacing-xl);margin:var(--spacing-xl)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--spacing-xl);border:1px solid var(--border);background:#fff;border-radius:12px;transition:all .3s}.feature-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0066cc1a}.feature-icon{margin-bottom:var(--spacing-lg);font-size:3rem}.feature-card h3{margin-bottom:var(--spacing-md);font-size:1.2rem}.feature-card p{color:var(--gray);font-size:.95rem}.use-cases{gap:var(--spacing-xl);margin:var(--spacing-xl)0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.use-case{padding:var(--spacing-xl);border:1px solid var(--border);background:#fff;border-radius:12px}.use-case h3{margin-bottom:var(--spacing-md);font-size:1.2rem}.use-case p{color:var(--gray)}.pricing-grid{gap:var(--spacing-xl);margin:var(--spacing-xl)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pricing-card{border:2px solid var(--border);padding:var(--spacing-xl);text-align:center;border-radius:12px;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--primary);transform:scale(1.05);box-shadow:0 20px 48px #06c3}.pricing-card:hover{box-shadow:0 8px 24px #0000001a}.badge{background:var(--primary);color:#fff;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg);font-size:1.5rem}.price{color:var(--primary);margin-bottom:var(--spacing-md);font-size:3rem;font-weight:700}.price span{color:var(--gray);font-size:1.2rem;font-weight:400}.price-desc{color:var(--gray);margin-bottom:var(--spacing-lg)}.features-list{text-align:left;margin:var(--spacing-xl)0;padding:var(--spacing-xl)0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);list-style:none}.features-list li{padding:var(--spacing-md)0;color:var(--dark)}.form-group{margin-bottom:var(--spacing-lg);text-align:left}.form-group label{margin-bottom:var(--spacing-sm);color:var(--dark);font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}.signup-container{gap:var(--spacing-xl);grid-template-columns:1fr 350px;max-width:1000px;margin:0 auto;display:grid}.signup-form{padding:var(--spacing-xl);border:1px solid var(--border);background:#fff;border-radius:12px}.signup-form h2{margin-bottom:var(--spacing-md);font-size:2rem}.subtitle{color:var(--gray);margin-bottom:var(--spacing-xl)}.terms{text-align:center;color:var(--gray);margin-top:var(--spacing-lg);font-size:.9rem}.signin-link{text-align:center;margin-top:var(--spacing-lg);color:var(--gray)}.signin-link a{color:var(--primary);text-decoration:none}.plan-summary{background:var(--light);padding:var(--spacing-xl);border-radius:12px;position:sticky;top:100px}.plan-summary h3{margin-bottom:var(--spacing-md);font-size:1.3rem}.plan-price{color:var(--primary);margin-bottom:var(--spacing-md);font-size:2.5rem;font-weight:700}.plan-price span{color:var(--gray);font-size:1rem;font-weight:400}.plan-details{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#fff;border-radius:8px}.plan-details p{margin-bottom:var(--spacing-md);color:var(--dark);font-weight:600}.plan-features{padding:0;list-style:none}.plan-features li{padding:var(--spacing-sm)0;color:var(--gray);font-size:.95rem}.faq{gap:var(--spacing-xl);margin:var(--spacing-xl)0;max-width:800px;margin-left:auto;margin-right:auto;display:grid}.faq-item{padding:var(--spacing-lg);border:1px solid var(--border);background:#fff;border-radius:8px}.faq-item h4{margin-bottom:var(--spacing-md);color:var(--dark);font-size:1.1rem}.faq-item p{color:var(--gray)}.footer{background:var(--dark);color:#fff;padding:var(--spacing-xl)var(--spacing-lg);margin-top:80px}.footer-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-col h4{margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-col ul{list-style:none}.footer-col a{color:#ffffffb3;padding:6px 0;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:#fff}.footer-col p{color:#ffffffb3;font-size:.95rem}.footer-bottom{padding-top:var(--spacing-lg);text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;font-size:.95rem}@media (max-width:768px){.hero h2{font-size:2rem}.hero p{font-size:1rem}.hero-cta{flex-direction:column}.nav{gap:var(--spacing-md);font-size:.9rem}.section-title{font-size:1.8rem}.signup-container{grid-template-columns:1fr}.plan-summary{position:static}.pricing-card.featured{transform:scale(1)}.header-content{gap:var(--spacing-md);flex-direction:column}}