*{margin:0;padding:0;box-sizing:border-box}#background-audio{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#f8f8f2;background:#282a36}html,body{height:100%}body{min-height:100%;display:flex;flex-direction:column}.container{max-width:1440px;margin:0 auto;padding:0 40px}.header{background:#2d2f3c;border-bottom:1px solid #44475a;padding:16px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.header-content{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:12px;margin-right:48px}a.logo{text-decoration:none;color:inherit}.logo-image{width:40px;height:40px;object-fit:contain;display:block}.logo-text{font-size:24px;font-weight:700;color:#bd93f9}.nav{display:flex;gap:32px;align-items:center;margin-right:auto}.nav-link{color:#f8f8f2;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.nav-link:hover{color:#ff79c6}.header-actions{display:flex;align-items:center;gap:16px}.language-selector{padding:8px 12px;border:1px solid #6272a4;border-radius:6px;background:#44475a;color:#f8f8f2;font-size:14px;cursor:pointer}.btn-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#bd93f9;color:#282a36;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s}.btn-download:hover{background:#ff79c6;color:#f8f8f2}.btn-download:disabled{opacity:.7;cursor:not-allowed}.btn-download svg{width:20px;height:20px}.hero{padding:80px 0;text-align:center;background:#282a36}.download-section{padding:80px 0;background:#21222c}.download-cards{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.download-simple-card{flex:0 0 260px;background:#44475a;border-radius:24px;padding:40px 32px;box-shadow:0 10px 15px -3px #0000004d;text-align:center;text-decoration:none;color:#f8f8f2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid #6272a4}.download-simple-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006;background:#6272a4;border-color:#bd93f9}.download-simple-icon{margin-bottom:20px;color:#8be9fd}.download-simple-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#f8f8f2}.download-simple-subtitle{font-size:16px;color:#bd93f9}@media (max-width: 640px){.download-section{padding:60px 0}.download-cards{gap:20px}.download-simple-card{flex:1 1 100%;max-width:100%;padding:28px 24px}}.banner-section{padding:32px 0;background:#21222c}.banner-image{width:100%;height:auto;display:block;border-radius:16px;object-fit:contain;border:1px solid #44475a}.hero-title{font-size:48px;font-weight:700;color:#f8f8f2;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:18px;color:#b8b8f2;max-width:1000px;margin:0 auto 40px;line-height:1.8}.btn-download-large{padding:16px 32px;font-size:18px;margin:0 auto;display:flex}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:16px}.countdown-label{font-size:18px;font-weight:600;color:#f8f8f2}.countdown-timer{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-number{background:#bd93f9;color:#282a36;padding:12px 16px;border-radius:8px;min-width:60px;text-align:center;font-size:32px;font-weight:700;line-height:1}.countdown-label-small{font-size:12px;color:#ff79c6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-size:32px;font-weight:700;color:#ff79c6;margin:0 4px}.countdown-finished{font-size:24px;font-weight:700;color:#50fa7b;text-align:center}.countdown-header{display:flex;align-items:center;padding:8px 16px;background:#bd93f91a;border-radius:8px;font-size:14px;font-weight:600;color:#bd93f9}.countdown-text{white-space:nowrap}.usage-section{padding:40px 0;background:#282a36}.usage-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-title{font-size:32px;font-weight:700;color:#f8f8f2;margin-bottom:32px}.usage-list{list-style:none;display:flex;flex-direction:column;gap:16px}.usage-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:#f8f8f2}.check-icon{color:#50fa7b;flex-shrink:0}.usage-image{position:relative;width:100%;background:transparent;display:flex;align-items:center;justify-content:center}.desktop-frame{width:100%;max-width:700px;margin:0 auto;position:relative;padding-bottom:50px;aspect-ratio:16/10;min-height:480px;display:flex;flex-direction:column}@media (max-width: 1024px){.desktop-frame{max-width:540px;min-height:360px}}@media (max-width: 768px){.desktop-frame{max-width:100%;padding-bottom:36px;min-height:280px}}@media (max-width: 480px){.desktop-frame{padding-bottom:24px;min-height:220px}}.desktop-frame-header{background:#21222c;padding:8px 0;position:relative;border-radius:8px 8px 0 0;border:1px solid #44475a;border-bottom:none}.desktop-frame-controls,.control-dot,.desktop-frame-title{display:none}.desktop-frame-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#6272a4;border-radius:50%;z-index:10}.desktop-frame-content{background:#000;padding:0;overflow:hidden;border-left:2px solid #000000;border-right:2px solid #000000;border-top:2px solid #000000;flex:1;display:flex;align-items:stretch;justify-content:stretch;min-height:0;box-sizing:border-box;position:relative;border:1px solid #44475a;border-top:none;border-bottom:none}.desktop-frame-content video{position:absolute;top:0;left:0;width:100%;height:180%;object-fit:cover;object-position:center 10%}.desktop-frame-bottom{background:#44475a;height:40px;border-left:1px solid #44475a;border-right:1px solid #44475a;border-bottom:1px solid #44475a;border-radius:0 0 8px 8px;position:relative;margin-top:0;flex-shrink:0}@media (max-width: 768px){.desktop-frame-bottom{height:28px}.desktop-frame-stand{width:90px;height:40px;bottom:-32px}}@media (max-width: 480px){.desktop-frame-bottom{height:20px}.desktop-frame-stand{width:70px;height:32px;bottom:-24px}}.desktop-frame-stand{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:120px;height:50px;background:linear-gradient(180deg,#6272a4,#44475a);border-radius:0 0 4px 4px;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}.screenshot-image{width:100%;height:100%;object-fit:contain;display:block;max-width:100%;max-height:100%}video.screenshot-image{background:#000;width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;position:absolute;top:0;left:0;right:0;bottom:0}.desktop-frame-svg{position:relative;width:100%;max-width:900px}.desktop-frame-svg svg{width:100%;height:auto;display:block}.desktop-frame-svg .screenshot-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.features-section{padding:80px 0;background:#21222c}.feature-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:160px}.feature-item.reverse{direction:rtl}.feature-item.reverse>*{direction:ltr}.feature-title{font-size:28px;font-weight:700;color:#f8f8f2;margin-bottom:20px}.feature-description{font-size:16px;color:#f8f8f2;line-height:1.8}.feature-image{position:relative}.feature-screenshot{background:#44475a;border-radius:12px;min-height:300px;border:2px solid #6272a4}.settings-screenshot{background:#44475a;display:flex;flex-direction:column;gap:16px;padding:24px}.settings-screenshot:before{content:"Kích thước màn hình";font-weight:600;color:#f8f8f2}.settings-screenshot:after{content:"";height:8px;background:#6272a4;border-radius:4px;width:60%}.other-features{padding:80px 0;background:#282a36;color:#fff}.section-title-center{font-size:36px;font-weight:700;text-align:center;margin-bottom:60px;color:#f8f8f2}.other-features .section-title-center{color:#f8f8f2}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{background:#44475a;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:20px;border:1px solid #6272a4;transition:transform .2s}.feature-card:hover{transform:translateY(-4px);border-color:#bd93f9}.card-icon{color:#8be9fd;margin-bottom:8px}.card-title{font-size:20px;font-weight:700;color:#f8f8f2}.card-description{font-size:15px;color:#f8f8f2;line-height:1.6;flex:1}.card-link{display:flex;align-items:center;gap:8px;color:#ff79c6;text-decoration:none;font-weight:600;font-size:15px}.card-link:hover{color:#f8f8f2}.footer{background:#1e293b;color:#fff;padding:40px 0 20px;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.footer-logo{display:flex;align-items:center;gap:12px}.footer .logo-text{color:#fff}.footer .logo-image{background:none;box-shadow:none}.footer-links{display:flex;gap:32px}.footer-link{color:#cbd5e1;text-decoration:none;font-size:15px}.footer-copyright{text-align:center;padding-top:24px;border-top:1px solid #334155;color:#94a3b8;font-size:14px}@media (max-width: 1200px){.usage-content,.feature-item{grid-template-columns:1fr;gap:48px}.usage-image,.feature-image{order:2}.usage-text,.feature-content{order:1}}@media (max-width: 1024px){.container{padding:0 24px}.hero{padding:60px 0}.banner-section{padding:24px 0}.header-content{flex-wrap:wrap;gap:16px}.header-actions{width:100%;justify-content:flex-start;gap:12px}.countdown-header{width:auto}.feature-cards{grid-template-columns:1fr}.testimonial-cards{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media (max-width: 768px){body{font-size:14px}.container{padding:0 16px}.header{padding:12px 0}.header-content{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch}.language-selector,.countdown-header{width:100%;text-align:center}.banner-image{border-radius:12px}.usage-content,.feature-item{gap:32px}.feature-item.reverse{direction:ltr}.feature-item.reverse>*{direction:ltr}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-title{font-size:24px}.testimonial-cards{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:24px}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.hero{padding:40px 0}.hero-title{font-size:26px}.hero-subtitle{font-size:14px}.countdown-container{gap:8px}.countdown-timer{flex-wrap:wrap;justify-content:center}.countdown-number{min-width:48px;font-size:24px;padding:10px 12px}.section-title-center{font-size:28px;margin-bottom:40px}.usage-section,.features-section,.other-features,.testimonials{padding:48px 0}.feature-item{gap:24px;margin-bottom:48px}.feature-cards{gap:24px}.testimonial-cards.single-member{grid-template-columns:1fr}.team-member-photo{width:140px;height:140px;border-width:4px}}.orbit-section{padding:100px 0;background:#21222c;overflow:visible}.usage-orbit{display:flex;align-items:center;justify-content:center;min-height:550px}.orbit-container{position:relative;width:600px;height:600px;margin:60px auto 0}.orbit-container.orbit-small{width:600px;height:600px;margin:0}.orbit-container.orbit-small .orbit-center{width:120px;height:120px}.orbit-container.orbit-small .orbit-logo{width:45px;height:45px}.orbit-container.orbit-small .orbit-brand{font-size:14px}.orbit-container.orbit-small .orbit-ring{width:500px;height:500px;margin-top:-250px;margin-left:-250px}.orbit-container.orbit-small .orbit-item{width:95px;height:95px;margin-top:-47px;margin-left:-47px;transform:rotate(calc(var(--i) * 45deg)) translate(250px) rotate(calc(var(--i) * -45deg))}.orbit-container.orbit-small .orbit-icon{width:65px;height:65px;font-size:28px}.orbit-container.orbit-small .orbit-label{font-size:11px}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background:linear-gradient(135deg,#bd93f9,#ff79c6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #bd93f980,0 0 100px #ff79c64d;z-index:10;animation:pulse-center 3s ease-in-out infinite}.orbit-logo{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.orbit-brand{font-size:18px;font-weight:700;color:#282a36;margin-top:8px}.orbit-ring{position:absolute;top:50%;left:50%;width:500px;height:500px;margin-top:-250px;margin-left:-250px;border:2px dashed rgba(189,147,249,.3);border-radius:50%}.orbit-item{position:absolute;width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;transform:rotate(calc(var(--i) * 45deg)) translate(250px) rotate(calc(var(--i) * -45deg))}.orbit-icon{width:70px;height:70px;background:#44475a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 8px;border:2px solid #6272a4;box-shadow:0 4px 20px #0000004d;transition:transform .3s,box-shadow .3s,border-color .3s;animation:icon-pulse 2s ease-in-out infinite;animation-delay:calc(var(--i) * .25s)}@keyframes icon-pulse{0%,to{box-shadow:0 4px 20px #0000004d;border-color:#6272a4}50%{box-shadow:0 0 25px #8be9fd80,0 4px 20px #0000004d;border-color:#8be9fd}}.orbit-icon svg{width:32px;height:32px;stroke:#8be9fd;stroke-linecap:round;stroke-linejoin:round}.orbit-item:hover .orbit-icon svg{stroke:#ff79c6}.orbit-item:hover .orbit-icon{transform:scale(1.15);border-color:#bd93f9;box-shadow:0 0 30px #bd93f980}.orbit-label{display:block;text-align:center;font-size:12px;font-weight:600;color:#f8f8f2;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-rotate{0%{transform:rotate(calc(var(--i) * 45deg)) translate(250px) rotate(calc(var(--i) * -45deg + 0deg))}to{transform:rotate(calc(var(--i) * 45deg)) translate(250px) rotate(calc(var(--i) * -45deg - 360deg))}}@keyframes pulse-center{0%,to{box-shadow:0 0 60px #bd93f980,0 0 100px #ff79c64d}50%{box-shadow:0 0 80px #bd93f9b3,0 0 120px #ff79c680}}@media (max-width: 768px){.orbit-container{width:360px;height:360px}.orbit-center{width:100px;height:100px}.orbit-logo{width:40px;height:40px}.orbit-brand{font-size:12px}.orbit-ring{width:300px;height:300px;margin-top:-150px;margin-left:-150px}.orbit-item{width:70px;height:70px;margin-top:-35px;margin-left:-35px;transform:rotate(calc(var(--i) * 45deg)) translate(150px) rotate(calc(var(--i) * -45deg))}@keyframes counter-rotate{0%{transform:rotate(calc(var(--i) * 45deg)) translate(150px) rotate(calc(var(--i) * -45deg + 0deg))}to{transform:rotate(calc(var(--i) * 45deg)) translate(150px) rotate(calc(var(--i) * -45deg - 360deg))}}.orbit-icon{width:50px;height:50px;font-size:24px}.orbit-label{font-size:10px}}@media (max-width: 480px){.orbit-section{padding:60px 0}.orbit-container{width:280px;height:280px}.orbit-center{width:80px;height:80px}.orbit-logo{width:32px;height:32px}.orbit-brand{font-size:10px;margin-top:4px}.orbit-ring{width:240px;height:240px;margin-top:-120px;margin-left:-120px}.orbit-item{width:55px;height:55px;margin-top:-27px;margin-left:-27px;transform:rotate(calc(var(--i) * 45deg)) translate(120px) rotate(calc(var(--i) * -45deg))}@keyframes counter-rotate{0%{transform:rotate(calc(var(--i) * 45deg)) translate(120px) rotate(calc(var(--i) * -45deg + 0deg))}to{transform:rotate(calc(var(--i) * 45deg)) translate(120px) rotate(calc(var(--i) * -45deg - 360deg))}}.orbit-icon{width:40px;height:40px;font-size:18px;margin-bottom:4px}.orbit-label{font-size:8px}}