.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:60px 0 80px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1}.hero p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.features{padding:60px 0;background:#f7fafc}.dashboard-preview{padding:60px 0;background:#fff}.preview-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin-bottom:3rem}.preview-content h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#2d3748}.preview-content p{color:#718096;margin-bottom:1.5rem;font-size:1rem}.preview-features{list-style:none}.preview-features li{padding:.5rem 0;display:flex;align-items:center;color:#4a5568;font-size:.95rem}.preview-features li:before{content:'✓';color:#48bb78;font-weight:bold;margin-right:.75rem;flex-shrink:0}.screenshot-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);background:#f7fafc}.screenshot-container img{width:100%;height:auto;display:block}.screenshot-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:12px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#718096;border:2px solid #e2e8f0;position:relative;overflow:hidden;min-height:200px}.screenshot-placeholder::before{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:#4a5568}.screenshot-placeholder::after{content:'●●●';position:absolute;top:12px;left:16px;color:#e2e8f0;font-size:12px;letter-spacing:4px}.api-docs{padding:60px 0;background:#f7fafc}.docs-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.endpoint{margin-bottom:1.5rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px}.endpoint p{font-size:.9rem;line-height:1.5;color:#718096}.pricing{padding:60px 0;background:#fff}@media screen and (min-width:1024px){.hero{padding:80px 0 120px}.hero h1{font-size:3.5rem}.hero p{font-size:1.25rem}.preview-grid{grid-template-columns:1fr 1fr;gap:4rem}.preview-grid.two-column{grid-template-columns:1fr 1fr;gap:3rem}.features{padding:80px 0}.dashboard-preview{padding:80px 0}.api-docs{padding:80px 0}.pricing{padding:80px 0}.preview-content h3{font-size:2rem}.preview-content p{font-size:1.1rem}}@media screen and (max-width:767px){.hero{padding:40px 0 60px}.hero h1{font-size:2rem;margin-bottom:1rem}.hero p{font-size:1rem;margin-bottom:1.5rem}.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.cta-buttons .btn{width:100%;max-width:250px}.features{padding:40px 0}.dashboard-preview{padding:40px 0}.api-docs{padding:40px 0}.pricing{padding:40px 0}.preview-grid{gap:1.5rem;margin-bottom:2rem}.preview-content h3{font-size:1.5rem}.docs-container{padding:1rem}.endpoint{padding:.75rem;margin-bottom:1rem}}@media screen and (max-width:480px){.hero h1{font-size:1.75rem}.preview-content h3{font-size:1.3rem}}