:root{--bg: #f8f9fe;--bg-gradient: linear-gradient(135deg, #f8f9fe 0%, #e8ecf9 100%);--card: #ffffff;--text: #0f172a;--text-light: #475569;--muted: #64748b;--brand: #3b82f6;--brand-dark: #2563eb;--brand-light: #60a5fa;--accent: #f59e0b;--accent-light: #fbbf24;--success: #10b981;--danger: #ef4444;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .15);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .15);--shadow-glow: 0 0 30px rgba(59, 130, 246, .2)}@media (prefers-color-scheme: dark){:root{--bg: #0a0e16;--bg-gradient: linear-gradient(135deg, #0a0e16 0%, #121824 100%);--card: #151d2c;--text: #e2e8f0;--text-light: #cbd5e1;--muted: #94a3b8;--brand: #60a5fa;--brand-dark: #3b82f6;--brand-light: #93c5fd;--accent: #fbbf24;--accent-light: #fcd34d;--success: #34d399;--danger: #f87171;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(96, 165, 250, .3)}}html[data-theme=light]{--bg: #f8f9fe;--bg-gradient: linear-gradient(135deg, #f8f9fe 0%, #e8ecf9 100%);--card: #ffffff;--text: #0f172a;--text-light: #475569;--muted: #64748b;--brand: #3b82f6;--brand-dark: #2563eb;--brand-light: #60a5fa;--accent: #f59e0b;--accent-light: #fbbf24;--success: #10b981;--danger: #ef4444;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .15);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .15);--shadow-glow: 0 0 30px rgba(59, 130, 246, .2)}html[data-theme=dark]{--bg: #0a0e16;--bg-gradient: linear-gradient(135deg, #0a0e16 0%, #121824 100%);--card: #151d2c;--text: #e2e8f0;--text-light: #cbd5e1;--muted: #94a3b8;--brand: #60a5fa;--brand-dark: #3b82f6;--brand-light: #93c5fd;--accent: #fbbf24;--accent-light: #fcd34d;--success: #34d399;--danger: #f87171;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(96, 165, 250, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:-.3px;text-decoration:none;transition:transform .2s}.brand:hover{transform:scale(1.02)}.brand span:first-child{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.badge{font-size:11px;font-weight:600;padding:4px 12px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);background:var(--bg);text-transform:uppercase;letter-spacing:.5px}.select{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer;transition:all .2s}.select:hover{border-color:var(--brand)}.small{font-size:12px;color:var(--muted);font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--border-strong);text-decoration:none;cursor:pointer;background:var(--card);transition:all .2s;font-weight:600}.btn:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-color:transparent;font-weight:700;box-shadow:var(--shadow-md)}.btn.primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.hero-new{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:40px 0 60px;align-items:center}.hero-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--card);border:1px solid var(--border-strong);border-radius:999px;font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:24px;box-shadow:var(--shadow-sm)}.pulse-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:56px;line-height:1.1;font-weight:900;margin:0 0 24px;letter-spacing:-1.5px}.gradient-text{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:20px;line-height:1.6;color:var(--text-light);margin:0 0 36px}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.value-card{display:flex;gap:12px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:all .3s}.value-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.value-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.value-title{font-size:16px;font-weight:700;margin:0 0 4px;color:var(--text)}.value-desc{font-size:14px;margin:0;color:var(--muted)}.cta-section{margin-bottom:40px}.btn-hero{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow);transition:all .3s;text-decoration:none}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f64d}.btn-icon{font-size:24px}.btn-arrow{font-size:20px;transition:transform .3s}.btn-hero:hover .btn-arrow{transform:translate(4px)}.cta-subtext{margin-top:16px;font-size:14px;color:var(--muted)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.stat-item{text-align:center}.stat-value{font-size:28px;font-weight:800;color:var(--brand);margin-bottom:4px}.stat-label{font-size:13px;color:var(--muted);font-weight:600}.hero-visual{position:relative;animation:fadeInUp .8s ease-out .2s backwards}.visual-wrapper{position:relative;padding:20px}.hero-screenshot{width:100%;height:auto;border-radius:20px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);transition:transform .3s}.hero-screenshot:hover{transform:scale(1.02)}.float-badge{position:absolute;padding:10px 16px;background:var(--card);border:1px solid var(--border-strong);border-radius:12px;font-size:13px;font-weight:600;box-shadow:var(--shadow-md);animation:float 3s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-1{top:10%;left:-10%;color:var(--success);animation-delay:0s}.badge-2{top:40%;right:-10%;color:var(--accent);animation-delay:1s}.badge-3{bottom:10%;left:-5%;color:var(--brand);animation-delay:2s}@media (max-width: 900px){.hero-new{grid-template-columns:1fr;gap:40px}.hero-title{font-size:40px}.value-grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.float-badge{display:none}}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:40px;font-weight:800;margin:0 0 12px;letter-spacing:-.5px}.section-subtitle{font-size:18px;color:var(--muted);margin:0}.section-how{padding:80px 0}.steps-grid{display:flex;gap:24px;align-items:center}.step-card{flex:1;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;text-align:center;transition:all .3s}.step-card:hover{border-color:var(--brand);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;box-shadow:var(--shadow-glow)}.step-title{font-size:20px;font-weight:700;margin:0 0 12px}.step-desc{font-size:15px;color:var(--muted);margin:0}.step-arrow{font-size:32px;color:var(--brand);margin:0 -20px}@media (max-width: 900px){.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg);margin:-20px 0}}.section-screenshots{background:var(--card);margin:0 -20px;padding:80px 20px}.screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.screenshot-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px;transition:all .3s}.screenshot-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.screenshot-badge{position:absolute;top:26px;left:26px;padding:6px 12px;background:var(--brand);color:#fff;border-radius:8px;font-size:12px;font-weight:700;z-index:1}.screenshot-card img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.screenshot-label{margin-top:12px;font-size:14px;font-weight:600;text-align:center;color:var(--text-light)}@media (max-width: 900px){.screenshots-grid{grid-template-columns:1fr}}.section-testimonials{padding:80px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;transition:all .3s}.testimonial-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-stars{color:var(--accent);font-size:18px;margin-bottom:16px}.testimonial-text{font-size:16px;line-height:1.6;color:var(--text-light);margin:0 0 20px;font-style:italic}.testimonial-author{display:flex;gap:12px;align-items:center}.author-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.author-name{font-weight:700;font-size:14px}.author-role{font-size:13px;color:var(--muted)}@media (max-width: 900px){.testimonials-grid{grid-template-columns:1fr}}.section-features{padding:80px 0}.features-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.feature-block{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:40px}.feature-icon-large{font-size:56px;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.feature-heading{font-size:28px;font-weight:800;margin:0 0 16px}.feature-text{font-size:16px;color:var(--text-light);line-height:1.7;margin:0 0 24px}.feature-checklist{list-style:none;padding:0;margin:0}.feature-checklist li{padding:10px 0;color:var(--text-light);font-size:15px;border-bottom:1px solid var(--border)}.feature-checklist li:last-child{border-bottom:none}.trust-badges{display:flex;flex-wrap:wrap;gap:12px}.trust-badge{padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;color:var(--text-light)}@media (max-width: 900px){.features-detailed{grid-template-columns:1fr}}.section-faq{padding:80px 0}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;transition:all .3s}.faq-item:hover{border-color:var(--brand)}.faq-item[open]{border-color:var(--brand);box-shadow:var(--shadow-md)}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:16px;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon{font-size:24px;color:var(--brand);transition:transform .3s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-light);line-height:1.7}.section-final-cta{padding:80px 0}.final-cta-card{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-radius:32px;padding:60px 40px;text-align:center;box-shadow:var(--shadow-lg),var(--shadow-glow)}.final-cta-title{font-size:44px;font-weight:900;margin:0 0 16px}.final-cta-desc{font-size:20px;margin:0 0 32px;opacity:.9}.final-cta-card .btn-hero{background:#fff;color:var(--brand);box-shadow:0 10px 30px #0003}.final-cta-card .btn-hero:hover{transform:translateY(-3px) scale(1.05)}.final-cta-subtext{margin-top:20px;opacity:.8;font-size:15px}.section-privacy{padding:40px 0 80px}.privacy-card{display:flex;gap:20px;padding:32px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm)}.privacy-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.privacy-title{font-size:20px;font-weight:700;margin:0 0 8px}.privacy-text{font-size:15px;color:var(--text-light);line-height:1.7;margin:0}.footer{margin-top:40px;padding:24px 0 32px;color:var(--muted);font-size:14px;border-top:1px solid var(--border);text-align:center}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:26px 0 6px}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}.h1{font-size:42px;line-height:1.1;margin:0 0 10px}.p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}.btnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:18px}.col6{grid-column:span 6}.col12{grid-column:span 12}@media (max-width: 900px){.col6{grid-column:span 12}}.klist{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.sectionTitle{margin:0 0 8px;font-size:18px}.imgGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.imgGrid{grid-template-columns:1fr}}img{width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:#0f1622}details{border:1px solid var(--border);border-radius:14px;padding:12px}summary{cursor:pointer;font-weight:750}