body{background-color:#0a0a0a;color:#fff}header{background-color:#111;border-bottom:1px solid #222;box-shadow:none;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;position:relative}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.header-icon{width:40px;height:40px;border-radius:8px}.logo-text{display:flex;flex-direction:column;line-height:1.2}.app-name{color:#fff;font-size:1.4rem;font-weight:700}.company-name{color:#888;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.nav-links{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-links>li{display:flex;align-items:center}.nav-links a{display:inline-flex;align-items:center;line-height:1;text-decoration:none;color:#ccc;font-weight:500;transition:color .3s ease,background-size .25s ease;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:3px}.nav-links a:hover{color:var(--primary);background-size:100% 2px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:40px;height:36px;border-radius:8px;border:1px solid #222;background:#111;color:#fff;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:#fff;margin:0}.menu-toggle:hover{border-color:#2a4fff33;box-shadow:0 0 0 3px rgba(37,99,235,.25)inset}main{margin-top:70px}.hero{background:#0a0a0a !important;background-image:none !important;padding:120px 0;min-height:520px;color:#fff;text-align:center;position:relative;overflow:hidden}.hero.hero-small{padding:120px 0 80px;min-height:auto;background:linear-gradient(180deg,#1a1a2e 0%,#0a0a0a 100%) !important}.hero.hero-small h2{font-size:3.2rem;font-weight:800;margin:0 0 15px;color:#fff !important;background:0 0 !important;-webkit-text-fill-color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero.hero-small p{color:#ccc;opacity:1;font-size:1.2rem;max-width:600px;margin:0 auto}.hero-binary{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.85) 6%,rgba(0,0,0,.98) 14%,#000 20%,#000 80%,rgba(0,0,0,.98) 86%,rgba(0,0,0,.85) 94%,transparent 100% );mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.85) 6%,rgba(0,0,0,.98) 14%,#000 20%,#000 80%,rgba(0,0,0,.98) 86%,rgba(0,0,0,.85) 94%,transparent 100% )}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-icon{margin-bottom:30px}.app-icon{width:120px;height:120px;border-radius:28px;box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1);transition:transform .3s ease;margin:0 auto;display:block}.app-icon:hover{transform:scale(1.05)}.hero-text{text-align:center}.hero-text h2{font-size:3.2rem;font-weight:800;margin:0 0 15px;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.1;color:#fff}.app-platform-hero{font-size:1rem;color:rgba(255,255,255,.85);font-weight:600;margin:0 0 25px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.2}.hero-description{font-size:1.2rem;line-height:1.6;margin:0 auto 40px;color:rgba(255,255,255,.95);text-shadow:0 1px 3px rgba(0,0,0,.3);max-width:600px}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero .btn,.hero .btn-secondary{padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);min-width:140px}.hero .btn{background:#fff;color:#0a0a0a;border:2px solid transparent}.hero .btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.1)}.hero .btn-secondary{background:0 0;color:#fff;border:2px solid #333}.hero .btn-secondary:hover{background:#333;border-color:#555;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,5%)}.demo-section{padding:80px 0;background-color:#111}.demo-section h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#fff;font-weight:700}.demo-video{max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid #222;aspect-ratio:16/9}.demo-video video{width:100%;height:100%;display:block}.features-section{padding:80px 0;background-color:#111}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#fff;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:#1a1a1a;padding:32px;border-radius:16px;border:1px solid #222;box-shadow:0 8px 30px rgba(0,0,0,.2);transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#333}.feature-card h3{color:#fff;font-size:1.4rem;margin-bottom:16px;font-weight:600}.feature-card p{color:#ccc;line-height:1.6;font-size:.95rem}.screenshots-section{padding:80px 0;background-color:#0a0a0a}.screenshots-section h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#fff;font-weight:700}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;margin:0 auto}.screenshot-item{background:#111;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.3);border:1px solid #222;transition:transform .3s ease,box-shadow .3s ease;content-visibility:auto;contain-intrinsic-size:600px 380px}.screenshot-item:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.4);border-color:#333}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-item p{padding:24px;margin:0;font-size:.95rem;color:#ccc;text-align:center;font-weight:500}.privacy-section-app{padding:80px 0;text-align:center;background-color:#0a0a0a}.privacy-section-app h2{font-size:2.5rem;margin-bottom:30px;color:#fff;font-weight:700}.privacy-section-app>p{font-size:1.1rem;color:#ccc;max-width:600px;margin:0 auto 30px}.privacy-list{list-style:none;max-width:500px;margin:0 auto 30px;text-align:left;padding:0}.privacy-list li{padding:10px 0;color:#ccc;position:relative;padding-left:30px}.privacy-list li:before{content:"\2713";position:absolute;left:0;color:#10b981;font-weight:700}.privacy-section-app a{color:#fff;text-decoration:none;font-weight:600}.privacy-section-app a:hover{text-decoration:underline}.file-formats-section{padding:80px 0;background-color:#111}.file-formats-section h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#fff}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:800px;margin:0 auto}.format-category{background:#1a1a1a;padding:32px;border-radius:16px;border:1px solid #222;box-shadow:0 8px 30px rgba(0,0,0,.2);text-align:center;transition:transform .3s ease,border-color .3s ease}.format-category:hover{transform:translateY(-4px);border-color:#333}.format-category h4{color:#fff;font-size:1.2rem;margin-bottom:10px}.format-category p{color:#ccc}.system-requirements{padding:80px 0;background-color:#111}.system-requirements h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#fff}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:800px;margin:0 auto}.req-item{background:#1a1a1a;padding:32px;border-radius:16px;border:1px solid #222;box-shadow:0 8px 30px rgba(0,0,0,.2);text-align:center;transition:transform .3s ease,border-color .3s ease}.req-item:hover{transform:translateY(-4px);border-color:#333}.req-item h4{color:#fff;font-size:1.2rem;margin-bottom:10px}.req-item p{color:#ccc}.support-section-app{padding:80px 0;text-align:center;background-color:#0a0a0a}.support-section-app h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.support-section-app p{font-size:1.1rem;color:#ccc;margin-bottom:40px}.support-actions{display:flex;gap:20px;justify-content:center}.support-content{background-color:#111}.support-section{border-bottom:1px solid #333;padding:32px 0}.support-section:first-child{padding-top:0}.support-section:last-child{border-bottom:none;padding-bottom:0}.support-section h3{color:#fff;font-weight:700;font-size:1.8rem;margin-bottom:20px}.support-section h4{color:#fff;font-weight:600;font-size:1.2rem;margin-bottom:10px;margin-top:25px}.support-section p,.support-section li{color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:10px}.support-section a{color:#fff;text-decoration:underline}.support-section a:hover{color:#f0f0f0}.support-section strong{color:#fff}.support-section ul{padding-left:20px;margin-left:0}.faq-item{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:24px;margin-bottom:24px;transition:border-color .3s ease}.faq-item:hover{border-color:#333}.faq-item h4{color:#fff;font-weight:600;font-size:1.2rem;margin:0 0 10px}.faq-item p{color:#ccc;margin:0;line-height:1.7}.privacy-content{background-color:#111}.privacy-section{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:32px;margin-bottom:24px;transition:border-color .3s ease}.privacy-section:hover{border-color:#333}.privacy-section:last-child{margin-bottom:0}.privacy-section h3{color:#fff;font-weight:700;margin-bottom:16px}.privacy-section p,.privacy-section li{color:#ccc;line-height:1.7}.privacy-section a{color:#fff;text-decoration:underline}.privacy-section a:hover{color:#f0f0f0}.privacy-section strong{color:#fff}.privacy-section ul{padding-left:20px;margin-left:0;margin-bottom:16px}.privacy-section li{margin-bottom:8px}footer{background-color:#000;border-top:1px solid #222;color:#888;padding:40px 0;text-align:center}footer a{color:#ccc;text-decoration:none;transition:color .3s ease}footer a:hover{color:#fff}@media(max-width:768px){.menu-toggle{display:inline-flex}.hero{min-height:460px}.nav-links{position:absolute;top:70px;right:12px;background:#111;border:1px solid #222;border-radius:12px;padding:10px;gap:6px;flex-direction:column;display:none;box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:180px;z-index:1001}.nav-links.open{display:flex}.nav-links a{background-image:none;padding-bottom:0}.nav-links a:hover{color:#fff;background-size:0 0;background:#1a1a1a;border-radius:8px}.nav-links .btn-secondary{width:100%;justify-content:flex-start}.nav-container{padding:0 15px}.header-icon{width:32px;height:32px}.app-name{font-size:1.2rem}.company-name{font-size:.7rem}.nav-links{gap:20px}.hero{padding:80px 0}.hero-content{padding:0 20px}.hero-icon{margin-bottom:25px}.app-icon{width:100px;height:100px;border-radius:22px}.hero-text h2{font-size:2.5rem}.hero-description{font-size:1.1rem;max-width:100%}.hero-actions,.support-actions{flex-direction:column;align-items:center}.btn,.btn-secondary{width:100%;max-width:250px}.features-grid{grid-template-columns:1fr}.privacy-list{text-align:left;max-width:100%}.screenshots-grid{grid-template-columns:1fr;gap:30px}.demo-video{margin:0 15px}}@media(min-width:769px){.screenshot-item{display:flex;flex-direction:column}.screenshot-media{width:100%;aspect-ratio:16/10;background:#0a0a0a;overflow:hidden;display:block}.screenshot-media>img{width:100%;height:100%;object-fit:contain;background:#0a0a0a;display:block}}