*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);min-height:100vh;color:var(--text-primary)}.landing-elegant{min-height:100vh;display:flex;flex-direction:column;align-items:center}.top-nav{width:100%;display:flex;justify-content:flex-end;padding:14px 24px;position:relative;z-index:10}[dir=rtl] .top-nav{direction:rtl}.btn-sign-in{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 7%,transparent);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease,color .2s ease;white-space:nowrap}.btn-sign-in:hover{border-color:color-mix(in srgb,var(--brand-primary) 65%,transparent);background:color-mix(in srgb,var(--brand-primary) 14%,transparent);color:var(--text-primary)}.landing-hero{padding:28px 24px 20px;text-align:center}.landing-hero,.logo-minimal{display:flex;flex-direction:column;align-items:center}.logo-minimal{margin-bottom:20px}.logo-wordmark{display:flex;align-items:center}.logo-text{font-size:2rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.logo-o{color:var(--brand-primary)}.logo-tagline{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.hero-content{max-width:700px;margin-bottom:24px}.hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.hero-subtitle{font-size:1.05rem;line-height:1.75;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto}.hero-subtitle strong{color:var(--text-primary);font-weight:600}.btn-get-started{background:var(--brand-primary);color:var(--brand-on-primary);font-weight:700;padding:12px 48px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;font-family:inherit;box-shadow:0 0 30px 5px color-mix(in srgb,var(--brand-primary) 50%,transparent);transition:all .3s ease;letter-spacing:.01em}.btn-get-started:hover{background:var(--brand-hover);transform:scale(1.05)}.btn-get-started:active{transform:scale(1)}.landing-main{width:100%;max-width:1024px;padding:24px 24px 48px}.how-it-works-section{margin-bottom:40px}.how-it-works-title{text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:32px}.steps-row{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px}.step-line{display:none}.step-card{display:flex;flex-direction:column-reverse;align-items:center;gap:16px;text-align:center;position:relative;z-index:1}@keyframes step-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-primary) 40%,transparent)}70%{box-shadow:0 0 0 14px color-mix(in srgb,var(--brand-primary) 0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-primary) 0%,transparent)}}.step-icon-circle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 20%,transparent) 0,transparent 70%);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);flex-shrink:0;animation:step-pulse 2.5s ease-out infinite}.steps-row .step-card:nth-child(2) .step-icon-circle{animation-delay:0s}.steps-row .step-card:nth-child(3) .step-icon-circle{animation-delay:.5s}.steps-row .step-card:nth-child(4) .step-icon-circle{animation-delay:1s}.step-icon{width:32px;height:32px}.step-icon-multi{flex-direction:row;gap:8px}.step-icon-sm{width:24px;height:24px}.step-label{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.stats-section{display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto}.stat-item{gap:16px}.stat-icon-wrap,.stat-item{display:flex;align-items:center;justify-content:center}.stat-icon-wrap{width:48px;height:48px;border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);flex-shrink:0;color:var(--brand-primary)}.stat-count{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-desc{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.features-grid-section{margin-bottom:48px}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.feature-card-link{text-decoration:none;color:inherit;display:block}.feature-card{background:var(--surface-secondary);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 60%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.feature-check-circle{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 50%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-primary)}.feature-title{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4}.feature-new-text{color:var(--brand-primary);font-size:.7rem;opacity:.8;margin-left:4px}[dir=rtl] .feature-new-text{margin-left:0;margin-right:4px}.landing-footer{width:100%;padding:0 24px 48px;flex-direction:column;color:var(--text-secondary);font-size:.75rem}.footer-lang-social,.landing-footer{display:flex;align-items:center;gap:24px}.footer-lang-social .lang-button{background:color-mix(in srgb,var(--brand-primary) 7%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.footer-lang-social .lang-button:hover{background:color-mix(in srgb,var(--brand-primary) 14%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 55%,transparent);color:var(--text-primary);transform:none}.footer-lang-social .lang-button.active{background:color-mix(in srgb,var(--brand-primary) 18%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 65%,transparent);color:var(--brand-primary);box-shadow:none}.footer-lang-social .lang-button:active{transform:none}.footer-social-links{display:flex;align-items:center;gap:16px}.footer-social-link{color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center}.footer-social-link:hover{color:var(--brand-primary)}.footer-links-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;list-style:none;opacity:.8}.footer-links-row a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links-row a:hover{color:var(--text-primary)}.footer-dot{color:var(--border-primary)}.copyright{color:var(--text-secondary)}[dir=rtl] .features-grid,[dir=rtl] .stat-item,[dir=rtl] .stats-section,[dir=rtl] .steps-row{direction:rtl}[dir=rtl] .feature-card{direction:rtl;text-align:right}[dir=rtl] .footer-lang-social,[dir=rtl] .footer-links-row{direction:rtl}@media (min-width:768px){.steps-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0}.step-line{display:block;position:absolute;top:40px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand-primary) 30%,transparent),transparent);z-index:0}.step-card{flex:1 1;flex-direction:column}.stats-section{grid-template-columns:repeat(3,1fr);margin-bottom:80px}.stat-item:first-child{justify-content:flex-start}.stat-item:last-child{justify-content:flex-end}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.hero-title{font-size:1.75rem}.landing-hero{padding:32px 20px 28px}.landing-main{padding:32px 16px}.logo-text{font-size:2rem}.btn-sign-in{font-size:.72rem;padding:6px 10px;gap:5px}.step-icon-circle{width:80px;height:80px}}