:root{--primary: #0a0f1e;--accent: #00e5ff;--accent-2: #7b61ff;--surface: #0f1629;--text: #f0f4ff;--text-muted: #8892a4;--border: rgba(0, 229, 255, .15);--gradient: linear-gradient(135deg, #0a0f1e 0%, #0f1629 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--primary);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}html,body{width:100%;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}[dir=rtl]{font-family:Heebo,sans-serif}[dir=ltr] .display-title{font-family:Syne,sans-serif}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#0f1629cc;border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#0099cc);color:#0a0f1e;font-weight:700;padding:14px 32px;border-radius:8px;border:none;cursor:pointer;font-size:16px;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00e5ff4d}.btn-outline{background:transparent;color:var(--accent);font-weight:600;padding:14px 32px;border-radius:8px;border:1px solid var(--accent);cursor:pointer;font-size:16px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{background:#00e5ff1a}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}section{padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.mesh-bg{background:radial-gradient(ellipse at 20% 50%,rgba(0,229,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(123,97,255,.06) 0%,transparent 60%),var(--primary)}.navbar-wrap{position:sticky;top:0;z-index:100;background:#0a0f1eb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:28px;font-weight:800;letter-spacing:.2px}.brand-dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:20px;overflow-y:auto}.nav-links a{color:var(--text-muted);position:relative;padding-bottom:6px}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-links .nav-cta:after,.nav-links .nav-login:after{display:none}.lang-toggle{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:999px;min-width:62px;padding:8px 14px;cursor:pointer}.hamburger{display:none;background:transparent;border:none}.hamburger span{display:block;width:22px;height:2px;background:var(--text);margin:4px 0}.mobile-overlay{display:none}.hero-section{padding-top:88px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.hero-badge{display:inline-block;border:1px solid var(--border);padding:8px 14px;border-radius:999px;color:var(--accent);margin-bottom:20px}.hero-title{font-size:clamp(46px,9vw,80px);line-height:1.02;margin-bottom:20px}.hero-subtitle{color:var(--text-muted);font-size:20px;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.stats-grid{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-item{padding:14px}.stat-value{font-size:28px;font-weight:800;color:var(--accent)}.stat-label{color:var(--text-muted);font-size:14px}.hero-visual{position:relative}.dashboard-mock{position:relative;padding:18px;min-height:360px;box-shadow:0 20px 80px #00e5ff1f}.mock-header{display:flex;gap:8px;margin-bottom:18px}.mock-header span{width:12px;height:12px;border-radius:50%;background:#f0f4ff59}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mock-chart,.mock-bar{border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#7b61ff33,#00e5ff14)}.mock-chart{min-height:140px}.mock-bar{min-height:90px}.particle-layer span{position:absolute;border-radius:50%;background:#00e5ff80;filter:blur(2px);animation:float 5s infinite ease-in-out}.particle-layer span:nth-child(1){width:10px;height:10px;top:8%;right:12%}.particle-layer span:nth-child(2){width:6px;height:6px;top:22%;left:8%}.particle-layer span:nth-child(3){width:8px;height:8px;bottom:16%;right:10%}.particle-layer span:nth-child(4){width:5px;height:5px;bottom:8%;left:22%}.section-title{font-size:clamp(32px,5vw,54px);margin-bottom:14px}.section-subtitle{color:var(--text-muted);margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:22px;transition:all .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:#00e5ff80;box-shadow:0 12px 40px #00e5ff26}.feature-icon{font-size:24px;margin-bottom:8px}.feature-card h3{margin-bottom:6px}.feature-card p{color:var(--text-muted)}.steps-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}.step-card{border:1px solid var(--border);border-radius:14px;background:#0f1629b3;padding:20px}.step-num{font-weight:800;color:var(--accent);margin-bottom:6px}.step-card p{color:var(--text-muted)}.cta-strip{text-align:center;padding:60px 20px}.cta-strip h2{margin-bottom:10px}.cta-strip p{color:var(--text-muted);margin-bottom:22px}.pricing-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{position:relative;padding:24px;transition:all .2s ease}.pricing-card.popular{border:2px solid var(--accent);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;inset-inline-start:24px;background:var(--accent);color:#06101e;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.plan-desc{color:var(--text-muted);min-height:30px}.plan-price{font-size:36px;font-weight:800}.plan-price span{font-size:14px;color:var(--text-muted)}.feature-list{list-style:none;margin:18px 0;display:grid;gap:8px}.about-mission{padding:24px;margin-bottom:22px;color:var(--text-muted)}.timeline{margin-top:20px;padding:18px}.timeline-item{display:flex;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-mail{color:var(--accent)}.contact-form{padding:24px;display:grid;gap:14px}.contact-form label{display:grid;gap:6px}.contact-form input,.contact-form textarea{background:#ffffff05;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff21}.contact-form .invalid{border-color:#ff6b6b}.blog-tabs{display:flex;gap:10px;margin:18px 0}.blog-tabs button{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:999px;padding:8px 14px;cursor:pointer}.blog-tabs button.active{background:#00e5ff1a;color:var(--accent);border-color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card{padding:18px}.blog-card small{color:var(--text-muted)}.blog-card h3{margin:8px 0}.blog-card p{color:var(--text-muted)}.blog-link{margin-top:12px;display:inline-block;color:var(--accent)}.coming-soon{padding:36px;text-align:center;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.footer-tag,.footer-rights{color:var(--text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:1024px){.hero-grid,.contact-wrap{grid-template-columns:1fr}.features-grid,.pricing-grid,.blog-grid,.steps-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.hamburger{display:block}.brand{font-size:24px}.nav-links{position:fixed;top:78px;inset-inline-start:0;width:min(86vw,320px);height:calc(100vh - 78px);background:#0c1326;border-inline-end:1px solid var(--border);padding:24px;transform:translate(-120%);transition:transform .25s ease;display:flex;flex-direction:column;align-items:stretch;z-index:101}[dir=rtl] .nav-links{inset-inline-end:0;inset-inline-start:auto;transform:translate(120%)}.nav-links.open{transform:translate(0)}.nav-links a,.nav-links .btn-primary,.nav-links .lang-toggle{width:100%}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.mobile-overlay.open{opacity:1;pointer-events:auto}.features-grid,.pricing-grid,.blog-grid,.steps-line,.stats-grid{grid-template-columns:1fr}section{padding:76px 0}}@media(max-width:768px){.hero .container{grid-template-columns:1fr!important;gap:40px!important;padding-top:100px!important;padding-bottom:60px!important}.hero h1{font-size:clamp(36px,10vw,56px)!important}.hero .stats-row{gap:16px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.hero .dashboard-mockup{display:none}.hero-scroll-indicator{display:none!important}.features-grid,.pricing-grid{grid-template-columns:1fr!important}.nav-links:not(.open){display:none!important}.nav-mobile-menu{display:flex!important}section{padding:60px 0!important}.container{padding:0 16px!important}.pricing-card.popular{transform:none!important}.timeline-item{flex-direction:column;align-items:flex-start;gap:6px}.blog-tabs{flex-wrap:wrap}.blog-tabs button{flex:1 1 calc(50% - 10px);text-align:center}}@media(max-width:480px){.btn-primary,.btn-outline{width:100%;justify-content:center}.hero-ctas{flex-direction:column!important}.hero .stats-row{grid-template-columns:1fr}.hero-orb{display:none!important}.blog-tabs button{flex:1 1 100%}}