@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0b0b;color:#c2c0b6;line-height:1.6}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{padding:20px 0;position:fixed;top:0;left:0;right:0;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{position:relative;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;text-decoration:none;color:#c2c0b6}.nav{display:flex;gap:40px}.nav a{color:#9b9690;text-decoration:none;font-size:16px;transition:color .3s ease}.nav a:hover{color:#c2c0b6;text-decoration:underline;transition:1s ease}.hero{padding:120px 0 80px;text-align:center;position:relative}.beta-badge{position:absolute;top:100%;left:0;margin-top:8px;background:rgba(42,40,38,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(194,192,182,.2);border-radius:10px;padding:8px 12px;box-shadow:0 4px 12px #00000026;min-width:220px;opacity:1;transition:all .3s ease}.beta-badge.hidden{opacity:0;pointer-events:none}.beta-content{text-align:left}.beta-title{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#c2c0b6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.beta-text{font-family:Poppins,sans-serif;font-size:10px;font-weight:400;color:#9b9690;line-height:1.3}.hero-icon{width:100px;height:100px;margin:0 auto 40px;border-radius:20px;display:flex;align-items:center;justify-content:center}.hero-icon img{width:100px;height:100px}.hero h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.hero h4{font-family:Poppins,sans-serif;font-weight:300;font-style:italic}.hero-subtitle{font-family:Poppins,sans-serif;font-weight:300;font-style:italic;max-width:600px;margin:0 auto 40px}.cta-buttons{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.btn-primary{display:inline-block;padding:12px 36px;font-family:Poppins,sans-serif;font-weight:500;font-style:normal;color:#fff;border-radius:9999px;border:1px solid white;background:black;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary:hover{border:1px solid transparent;background:linear-gradient(black,black) padding-box,linear-gradient(90deg,#ea4335,#fbbc05,#34a853,#4285f4) border-box}.store-badge{display:flex;align-items:center;gap:8px;color:#9b9690;text-decoration:none;font-size:14px}.store-badge img{width:20px;height:20px}.demo-section{padding:80px 0}.demo-video{width:100%;max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid rgba(62,58,53,.3);box-shadow:0 8px 32px #0000004d}.demo-recording{width:100%;height:auto;display:block;background:#2a2826}.cta-section{padding:80px 0;text-align:center}.cta-title{font-size:32px;font-weight:600;margin-bottom:24px}.cta-description{color:#9b9690;font-size:18px;max-width:600px;margin:0 auto 40px}.installation-guide{padding:80px 0;background:#2a2826}.installation-title{text-align:center;font-size:32px;font-weight:600;margin-bottom:40px}.installation-steps{max-width:800px;margin:0 auto}.step{background:#2a2826;border:1px solid #3e3a35;border-radius:8px;padding:24px;margin-bottom:16px}.step-number{color:#667eea;font-weight:600;margin-bottom:8px}.step-title{font-size:18px;font-weight:600;margin-bottom:8px}.step-description{color:#9b9690}.faq-section{padding:80px 0;background:#0b0b0b}.faq-title{text-align:center;font-size:32px;font-weight:600;margin-bottom:48px}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#2a2826;border:1px solid #3e3a35;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#4e4a45}.faq-question{width:100%;padding:20px 24px;background:transparent;border:none;color:#c2c0b6;font-size:16px;font-weight:500;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{color:#fff}.faq-icon{font-size:20px;font-weight:300;transition:transform .3s ease}.faq-icon.expanded{transform:rotate(45deg)}.faq-answer{padding:0 24px 24px;color:#9b9690;line-height:1.6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{background:#0b0b0b;border-top:1px solid #2a2826;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}.footer-brand{max-width:300px}.footer-logo{font-size:24px;font-weight:600;color:#c2c0b6;text-decoration:none;margin-bottom:16px;display:block}.footer-description{color:#9b9690;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-column h4{color:#c2c0b6;font-size:16px;font-weight:600;margin-bottom:16px}.footer-column a{color:#9b9690;text-decoration:none;display:block;margin-bottom:12px;transition:color .3s ease}.footer-column a:hover{color:#c2c0b6}.footer-bottom{padding-top:20px;border-top:1px solid #2a2826;text-align:center}.footer-bottom p{color:#7a7669;margin:0;font-size:14px}.feedback-button{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:linear-gradient(135deg,#eb5939 0%,#c73e1d 100%);border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 20px #eb59394d;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #eb593966;background:linear-gradient(135deg,#c73e1d 0%,#eb5939 100%)}.feedback-button:active{transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.feedback-button{animation:float 3s ease-in-out infinite}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.feedback-modal{background:#2a2826;border:1px solid #3e3a35;border-radius:16px;width:90%;max-width:480px;max-height:80vh;overflow:hidden;animation:slideIn .3s ease}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #3e3a35}.feedback-modal-header h3{margin:0;color:#c2c0b6;font-size:18px;font-weight:600}.feedback-modal-close{background:none;border:none;color:#9b9690;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .3s ease}.feedback-modal-close:hover{color:#c2c0b6}.feedback-modal form{padding:24px}.feedback-textarea{width:100%;min-height:120px;padding:16px;background:#1a1918;border:1px solid #3e3a35;border-radius:8px;color:#c2c0b6;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;margin-bottom:20px;transition:border-color .3s ease}.feedback-textarea:focus{outline:none;border-color:#eb5939;box-shadow:0 0 0 3px #eb59391a}.feedback-textarea::placeholder{color:#7a7669}.feedback-modal-actions{display:flex;gap:12px;justify-content:flex-end}.feedback-cancel,.feedback-submit{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.feedback-cancel{background:transparent;color:#9b9690;border:1px solid #3e3a35}.feedback-cancel:hover{background:#3e3a35;color:#c2c0b6}.feedback-submit{background:linear-gradient(135deg,#eb5939 0%,#c73e1d 100%);color:#fff}.feedback-submit:hover:not(:disabled){background:linear-gradient(135deg,#c73e1d 0%,#eb5939 100%);transform:translateY(-1px)}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.hero h1{font-size:36px}.features-grid{grid-template-columns:1fr;gap:40px}.inside-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.nav{display:none}.header-left{position:relative}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr;gap:30px}.feedback-button{bottom:20px;right:20px;padding:10px 16px;font-size:12px}.feedback-modal{width:95%;margin:20px}.feedback-modal-header{padding:20px 20px 12px}.feedback-modal form{padding:20px}.faq-question{padding:16px 20px;font-size:15px}.faq-answer{padding:0 20px 20px}.beta-badge{margin-top:6px;padding:6px 10px;min-width:180px}.beta-title{font-size:10px}.beta-text{font-size:9px}}