@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-surface: #111111;--bg-surface-hover: #181818;--bg-sidebar: #080808;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.1);--accent: #2dd4bf;--accent-hover: #5eead4;--accent-glow: rgba(45,212,191,.08);--accent-glow-strong: rgba(45,212,191,.15);--text-primary: #e8eaed;--text-secondary: #8b95a5;--text-tertiary: #5a6270;--status-success: #34d399;--status-warning: #d4a04e;--status-error: #e05252;--section-padding: 120px;--container-max: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--shadow-card: 0 2px 12px rgba(0,0,0,.3);--shadow-glow: 0 0 30px rgba(45,212,191,.12)}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:all .25s ease}.btn-primary{background:var(--accent);color:#0b0d11}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{border:1px solid var(--border-default);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn-lg{padding:16px 36px;font-size:16px;border-radius:var(--radius-lg)}.section-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}.section-title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{font-size:17px;color:var(--text-secondary);max-width:600px;line-height:1.7}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .3s ease,box-shadow .3s ease}.nav.scrolled{background:#0b0d11eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border-subtle)}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.nav-logo svg{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-cta{margin-left:8px}.hero{padding:160px 0 100px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(45,212,191,.06) 0%,transparent 70%);pointer-events:none}.hero-title{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;max-width:700px;margin-left:auto;margin-right:auto}.hero-title .accent{color:var(--accent)}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:540px;margin:0 auto 36px;line-height:1.7}.hero-actions{display:flex;gap:12px;justify-content:center;margin-bottom:64px}.hero-screenshot{max-width:960px;margin:0 auto;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 20px 60px #00000080,var(--shadow-glow);overflow:hidden;background:var(--bg-surface)}.hero-screenshot img{width:100%;display:block}.pain{padding:var(--section-padding) 0}.pain .container{text-align:center}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.pain-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:left}.pain-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#e0525214;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--status-error)}.pain-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.pain-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.features{padding:var(--section-padding) 0}.features .container{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:36px 28px;text-align:left;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#2dd4bf33;box-shadow:var(--shadow-glow)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-glow);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:8px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.6}.how{padding:var(--section-padding) 0}.how .container{text-align:center}.how-steps{display:flex;gap:32px;margin-top:56px;position:relative}.how-step{flex:1;text-align:center;position:relative}.how-num{width:56px;height:56px;border-radius:50%;background:var(--accent-glow-strong);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:20px;font-weight:700;color:var(--accent)}.how-step h3{font-size:20px;font-weight:600;margin-bottom:8px}.how-step p{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:280px;margin:0 auto}.how-connector{position:absolute;top:28px;left:calc(33.33% + 28px);width:calc(33.33% - 56px);height:2px;background:var(--border-default)}.how-connector:nth-of-type(2){left:calc(66.66% + 28px)}.compare{padding:var(--section-padding) 0}.compare .container{text-align:center}.compare-table{margin-top:48px;overflow-x:auto}.compare-table table{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:14px}.compare-table th{padding:16px 12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-size:13px}.compare-table th:last-child{color:var(--accent);font-size:14px}.compare-table td{padding:14px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.compare-table td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}.compare-table td:last-child{color:var(--accent);font-weight:600}.compare-table tr:last-child td{border-bottom:none}.check{color:var(--status-success)}.cross{color:var(--text-tertiary)}.pricing{padding:var(--section-padding) 0}.pricing .container{text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;align-items:start}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:36px 28px;text-align:left;position:relative}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 40px #2dd4bf14}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#0b0d11;font-size:11px;font-weight:700;padding:4px 14px;border-radius:var(--radius-pill)}.pricing-name{font-size:20px;font-weight:600;margin-bottom:4px}.pricing-price{font-size:40px;font-weight:800;margin-bottom:4px}.pricing-price span{font-size:16px;font-weight:500;color:var(--text-secondary)}.pricing-desc{font-size:13px;color:var(--text-tertiary);margin-bottom:24px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.pricing-features svg{color:var(--accent);flex-shrink:0}.pricing-card .btn{width:100%;justify-content:center}.cta{padding:var(--section-padding) 0;text-align:center}.cta-inner{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:64px 48px;position:relative;overflow:hidden}.cta-inner:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(circle,rgba(45,212,191,.06) 0%,transparent 70%);pointer-events:none}.cta h2{font-size:36px;font-weight:700;margin-bottom:12px;position:relative}.cta p{font-size:17px;color:var(--text-secondary);margin-bottom:32px;position:relative}.cta-form{display:flex;gap:12px;max-width:440px;margin:0 auto;position:relative}.cta-input{flex:1;padding:14px 18px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s}.cta-input::placeholder{color:var(--text-tertiary)}.cta-input:focus{border-color:var(--accent)}.footer{padding:48px 0;border-top:1px solid var(--border-subtle)}.footer .container{display:flex;align-items:center;justify-content:space-between}.footer-logo{font-size:16px;font-weight:600;color:var(--text-secondary)}.footer-links{display:flex;gap:24px}.footer-link{font-size:13px;color:var(--text-tertiary);transition:color .2s}.footer-link:hover{color:var(--text-secondary)}.footer-copy{font-size:12px;color:var(--text-tertiary)}@media(max-width:768px){:root{--section-padding: 80px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column;align-items:center}.pain-grid,.features-grid{grid-template-columns:1fr}.how-steps{flex-direction:column}.how-connector{display:none}.pricing-grid{grid-template-columns:1fr}.section-title{font-size:28px}.nav-links .nav-link,.nav-links .nav-cta{display:none}.footer .container{flex-direction:column;gap:16px;text-align:center}}.lang-switcher{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px}.lang-btn{padding:5px 12px;font-size:12px;font-weight:600;color:var(--text-tertiary);border-radius:var(--radius-pill);transition:all .2s ease;letter-spacing:.3px;cursor:pointer}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{background:var(--accent);color:#0b0d11}
