*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.logo h1{color:#3485fe;font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#3485fe}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#3485fe;transition:width .3s ease}.nav-link:hover:after{width:100%}.main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 0 80px;background:linear-gradient(135deg,#f8faff,#fff)}.content{text-align:center;max-width:1100px;margin:0 auto}.tagline{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:3rem;letter-spacing:-.02em;line-height:1.2}.demo-container{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px #00000026;background:#f8f9fa;transition:transform .3s ease;max-width:1000px;margin-left:auto;margin-right:auto;margin-bottom:3rem}.demo-container:hover{transform:translateY(-10px)}.demo-gif{width:100%;height:auto;display:block;border-radius:24px}.action-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;min-width:160px}.btn-primary{background:#3485fe;color:#fff;box-shadow:0 6px 20px #3485fe4d}.btn-primary:hover{background:#2970e8;transform:translateY(-3px);box-shadow:0 8px 25px #3485fe66}.btn-secondary{background:transparent;color:#3485fe;border-color:#3485fe}.btn-secondary:hover{background:#3485fe;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #3485fe4d}@media (max-width: 768px){.header .container{padding:.75rem 20px}.logo h1{font-size:1.5rem}.nav{gap:1rem}.nav-link{font-size:.9rem}.main{padding:100px 0 60px}.content{max-width:100%}.tagline{font-size:1.75rem;margin-bottom:2.5rem}.demo-container{margin-bottom:2.5rem;border-radius:20px;max-width:100%}.demo-gif{border-radius:20px}.action-buttons{gap:1rem}.btn{padding:.875rem 2rem;font-size:1rem;min-width:140px}}@media (max-width: 480px){.container{padding:0 15px}.tagline{font-size:1.5rem}.action-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.demo-container,.demo-gif{border-radius:16px}}html{scroll-behavior:smooth}.demo-gif{opacity:0;animation:fadeIn .6s ease-in-out .2s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#3485fe14,#3485fe0a);opacity:0;transition:opacity .3s ease;border-radius:24px;pointer-events:none}.demo-container:hover:before{opacity:1}