:root{--primary:#25d366;--primary-dark:#128c7e;--dark:#1a1a2e;--light:#f8f9fa;--gray:#6c757d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:0 20px}nav{z-index:100;background:#fff;border-bottom:1px solid #eee;padding:16px 0;position:sticky;top:0}nav .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary-dark);font-size:24px;font-weight:800;text-decoration:none}.logo span{color:var(--primary)}nav a{color:var(--gray);margin-left:24px;font-size:14px;font-weight:500;text-decoration:none}nav a:hover{color:var(--primary-dark)}.hero{background:linear-gradient(135deg, var(--dark) 0%, #16213e 100%);color:#fff;text-align:center;padding:100px 0}.hero h1{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero h1 span{color:var(--primary)}.hero p{color:#adb5bd;max-width:600px;margin:0 auto 40px;font-size:20px}.cta-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.cta-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #25d3664d}.features{background:#fff;padding:80px 0}.features h2{text-align:center;margin-bottom:60px;font-size:36px}.features-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.feature-card{text-align:center;background:var(--light);border-radius:16px;padding:30px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card .icon{margin-bottom:20px;font-size:48px}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--gray);font-size:15px}.how-it-works{background:var(--light);padding:80px 0}.how-it-works h2{text-align:center;margin-bottom:60px;font-size:36px}.steps{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.step{text-align:center}.step .number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 16px;font-size:20px;font-weight:700;display:flex}.step h4{margin-bottom:8px}.step p{color:var(--gray);font-size:14px}footer{background:var(--dark);color:#adb5bd;text-align:center;padding:40px 0;font-size:14px}footer a{color:var(--primary);text-decoration:none}.page{max-width:800px;margin:0 auto;padding:60px 20px}.page h1{color:var(--dark);margin-bottom:30px;font-size:36px}.page h2{color:var(--dark);margin:30px 0 15px;font-size:24px}.page p,.page li{color:var(--gray);margin-bottom:12px;line-height:1.8}.page ul{padding-left:24px}.page .updated{color:var(--gray);margin-bottom:30px;font-size:14px}.demo-page{max-width:900px;margin:0 auto;padding:60px 20px}.demo-page h1{margin-bottom:20px;font-size:36px}.demo-page p{color:var(--gray);margin-bottom:30px}.demo-box{background:#f0f2f5;border-radius:16px;margin-bottom:20px;padding:30px}.demo-box h3{margin-bottom:12px}.demo-box pre{background:var(--dark);color:var(--primary);border-radius:8px;margin:12px 0;padding:16px;font-size:14px;overflow-x:auto}@media (max-width:768px){.hero h1{font-size:32px}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}