*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}
nav{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}
.logo img{width:32px;height:32px}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:#fff;text-decoration:none;transition:opacity .3s}
.nav-links a:hover{opacity:.8}
.lang-switch{background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:5px;color:#fff;text-decoration:none;transition:background .3s}
.lang-switch:hover{background:rgba(255,255,255,.3)}
.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0;overflow:hidden}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hero-text h1{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}
.hero-text p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}
.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.8rem 2rem;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s}
.btn-primary{background:#fff;color:#667eea}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}
.btn-secondary:hover{background:#fff;color:#667eea}
.simulator{background:rgba(255,255,255,.1);border-radius:15px;padding:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.simulator-screen{background:#1a1a2e;border-radius:10px;padding:1.5rem;min-height:300px}
.simulator-header{display:flex;gap:.5rem;margin-bottom:1rem}
.simulator-dot{width:12px;height:12px;border-radius:50%}
.simulator-dot:nth-child(1){background:#ff5f56}
.simulator-dot:nth-child(2){background:#ffbd2e}
.simulator-dot:nth-child(3){background:#27c93f}
.simulator-content{color:#fff;font-family:monospace;font-size:.9rem}
.simulator-line{margin:.5rem 0;opacity:.8}
.features{padding:4rem 0;background:#fff}
.section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:#333}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.feature-card{background:#f8f9fa;padding:2rem;border-radius:10px;transition:transform .3s,box-shadow .3s}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.feature-icon{font-size:2.5rem;margin-bottom:1rem}
.feature-card h3{margin-bottom:1rem;color:#667eea}
.announcements{padding:3rem 0;background:#f8f9fa}
.announcement-list{display:flex;flex-direction:column;gap:1rem}
.announcement-item{background:#fff;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea}
.trust{padding:4rem 0;background:#fff}
.trust-badges{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}
.trust-badge{text-align:center}
.trust-badge .number{font-size:2.5rem;font-weight:700;color:#667eea}
.trust-badge .label{color:#666;margin-top:.5rem}
.scenarios{padding:4rem 0;background:#f8f9fa}
.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.scenario-card{background:#fff;padding:2rem;border-radius:10px;text-align:center}
.comparison{padding:4rem 0;background:#fff}
.comparison-table{width:100%;border-collapse:collapse;margin-top:2rem}
.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}
.comparison-table th{background:#667eea;color:#fff}
.comparison-table tr:hover{background:#f8f9fa}
.news{padding:4rem 0;background:#f8f9fa}
.news-tabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.news-tab{padding:.8rem 1.5rem;background:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s}
.news-tab.active{background:#667eea;color:#fff}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.news-card{background:#fff;border-radius:10px;overflow:hidden;transition:transform .3s}
.news-card:hover{transform:translateY(-5px)}
.news-card img{width:100%;height:200px;object-fit:cover}
.news-card-content{padding:1.5rem}
.news-card h3{margin-bottom:.5rem}
.news-card .meta{color:#666;font-size:.9rem;margin-bottom:1rem}
.reviews{padding:4rem 0;background:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.review-card{background:#f8f9fa;padding:2rem;border-radius:10px}
.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.review-avatar{width:50px;height:50px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.review-stars{color:#ffc107;margin-bottom:.5rem}
.downloads{padding:4rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}
.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}
.download-card{background:rgba(255,255,255,.1);padding:2rem;border-radius:10px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.download-card:hover{background:rgba(255,255,255,.2)}
.download-icon{font-size:3rem;margin-bottom:1rem}
.faq{padding:4rem 0;background:#fff}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:#f8f9fa;margin-bottom:1rem;border-radius:8px;overflow:hidden}
.faq-question{padding:1.5rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-answer{padding:0 1.5rem 1.5rem;display:none}
.faq-item.active .faq-answer{display:block}
.cta{padding:4rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}
.cta h2{font-size:2rem;margin-bottom:1rem}
footer{background:#1a1a2e;color:#fff;padding:3rem 0 1rem}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}
.footer-section h3{margin-bottom:1rem}
.footer-section ul{list-style:none}
.footer-section ul li{margin-bottom:.5rem}
.footer-section a{color:#ccc;text-decoration:none}
.footer-section a:hover{color:#fff}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}
.article{padding:3rem 0;background:#fff}
.article-header{margin-bottom:2rem}
.article-meta{display:flex;gap:1rem;color:#666;margin-bottom:1rem;flex-wrap:wrap}
.article-content{max-width:800px;margin:0 auto}
.article-content h2{margin:2rem 0 1rem;color:#667eea}
.article-content p{margin-bottom:1.5rem;line-height:1.8}
.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}
.article-sidebar{background:#f8f9fa;padding:2rem;border-radius:10px;margin-top:2rem}
.breadcrumb{padding:1rem 0;color:#666;font-size:.9rem}
.breadcrumb a{color:#667eea;text-decoration:none}
.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}
.pagination a{padding:.5rem 1rem;background:#f8f9fa;border-radius:5px;text-decoration:none;color:#333}
.pagination a.active{background:#667eea;color:#fff}
@media(max-width:768px){.hero-content{grid-template-columns:1fr}.nav-links{display:none}.hero-text h1{font-size:2rem}}