.landing{padding:var(--space-3)var(--space-3)var(--space-5);max-width:1100px;margin:0 auto}.landing__skip{position:absolute;z-index:100;background:var(--c-primary);color:#fff;padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-weight:800;top:0;left:-9999px}.landing__skip:focus{left:var(--space-3);top:var(--space-3)}.landing__nav{display:flex;justify-content:space-between;align-items: center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);position:sticky;top:var(--space-2);z-index:50}.landing__brand{display:flex;align-items: center;gap:var(--space-2);text-decoration:none;color:var(--c-ink)}.landing__brand img{flex-shrink:0;width:44px;height:44px}.landing__brand span{font-size:1.3rem;font-weight:800}.landing__nav-actions{display:flex;align-items: center;gap:var(--space-2)}.landing__lang{min-height:var(--touch-min);min-width:var(--touch-min);border:3px solid var(--c-accent);background:var(--c-surface);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;justify-content:center;align-items: center;gap:var(--space-1);font-weight:800}.landing__lang:hover{filter:brightness(1.05)}.landing__lang option{font-weight:400}.landing__install-btn{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--c-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-soft);white-space:nowrap;border:none;transition:transform .12s;font-size:1.05rem;font-weight:800}.landing__install-btn:active{box-shadow:none;transform:translateY(3px)}.landing__install-btn--ghost{color:var(--c-ink);border:3px solid var(--c-accent);box-shadow:none;background:0 0}.landing__hero{text-align:center;padding:var(--space-5)var(--space-3)}.landing__hero h1{color:var(--c-ink);margin-bottom:var(--space-2);font-size:clamp(2rem,6vw,3.2rem)}.landing__hero p{color:var(--c-muted);margin:0 auto var(--space-3);max-width:600px;font-size:1.2rem;line-height:1.6}.landing__hero-actions{display:flex;align-items: center;gap:var(--space-2);flex-direction:column}.landing__hero-visual{margin:var(--space-4)auto 0;max-width:400px}.landing__features{padding:var(--space-4)0}.landing__section-title{text-align:center;margin-bottom:var(--space-4);color:var(--c-ink);font-size:1.6rem}.landing__feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.landing__feature-card{background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-3);text-align:center}.landing__feature-card .icon{display:block;margin-bottom:var(--space-1);font-size:2.5rem}.landing__feature-card h3{margin-bottom:var(--space-1);font-size:1.2rem}.landing__feature-card p{color:var(--c-muted);line-height:1.5}.landing__how{padding:var(--space-4)0}.landing__steps{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.landing__step{text-align:center;position:relative}.landing__step .number{display:inline-flex;border-radius:var(--radius-pill);background:var(--c-primary);color:#fff;margin-bottom:var(--space-2);justify-content:center;align-items: center;width:48px;height:48px;font-size:1.3rem;font-weight:800}.landing__step h3{margin-bottom:var(--space-1);font-size:1.15rem}.landing__step p{color:var(--c-muted)}.landing__trust{padding:var(--space-4)0}.landing__badges{display:grid;grid-template-columns:1fr;gap:var(--space-2);max-width:700px;margin:0 auto}.landing__badge{display:flex;align-items: center;gap:var(--space-2);background:var(--c-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);padding:var(--space-2)var(--space-3);min-height:var(--touch-min)}.landing__badge .icon{flex-shrink:0;font-size:1.5rem}.landing__languages{padding:var(--space-4)0;text-align:center}.landing__lang-pills{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.landing__lang-pill{background:var(--c-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);padding:var(--space-2)var(--space-4);min-height:var(--touch-min);display:inline-flex;align-items: center;gap:var(--space-2);font-weight:700}.landing__footer{text-align:center;padding:var(--space-5)var(--space-3)var(--space-3)}.landing__footer-cta{margin-bottom:var(--space-4)}.landing__modal-overlay{position:fixed;display:flex;padding:var(--space-3);z-index:200;background:#3d2b1f80;justify-content:center;align-items: center;inset:0}.landing__modal{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:var(--space-4);width:100%;max-width:400px}.landing__modal h2{margin-bottom:var(--space-3);text-align:center;font-size:1.4rem}.landing__modal p{color:var(--c-ink);margin-bottom:var(--space-3);line-height:1.6}.landing__modal-close{display:inline-flex;min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--c-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items: center;width:100%;font-weight:800}@media (min-width:640px){.landing__feature-grid{grid-template-columns:repeat(2,1fr)}.landing__steps{grid-template-columns:repeat(3,1fr)}.landing__badges{grid-template-columns:repeat(2,1fr)}.landing__hero-actions{flex-direction:row;justify-content:center}}@media (min-width:1024px){.landing__feature-grid,.landing__badges{grid-template-columns:repeat(4,1fr)}}[dir=rtl] .landing__nav{flex-direction:row-reverse}[dir=rtl] .landing__badge{text-align:right}:root{--c-bg:#fff7e6;--c-bg-2:#ffeccf;--c-surface:#fff;--c-ink:#3d2b1f;--c-muted:#8a7663;--c-primary:#ff7a45;--c-primary-dark:#e85f2b;--c-accent:#ffd166;--c-secondary:#4cc9f0;--c-success:#57cc99;--c-danger:#ef476f;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--touch-min:64px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--shadow-soft:0 4px 0 #3d2b1f1f;--shadow-pop:0 8px 24px #3d2b1f29;--font-sans:"Nunito","Baloo 2","Segoe UI",system-ui,-apple-system,sans-serif;--font-arabic:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--c-ink);background:radial-gradient(circle at 20% 0%,var(--c-bg-2),var(--c-bg)60%);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}:root[lang=ar] body{font-family:var(--font-arabic)}button,input,select{color:inherit;font-family:inherit;font-size:1rem}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}:focus-visible{outline:4px solid var(--c-secondary);outline-offset:3px}.app-shell{display:flex;padding:var(--space-3);gap:var(--space-3);flex-direction:column;max-width:1100px;min-height:100%;margin:0 auto}.app-shell--center{justify-content:center;align-items: center}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}