@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f8f4ee;--surface:#fefbf7;--surface-soft:#f1eae2;--border:#e9e1d7;--accent:#4e6250;--accent-hover:#3f5041;--text:#252821;--text-secondary:#6f726a;--radius:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}html[lang=fa] body{font-family:Vazirmatn,system-ui,-apple-system,sans-serif}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100svh}.app{max-width:1120px;margin:0 auto;padding:0 1.25rem 1.5rem}.landing-header{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 0;display:flex;position:sticky;top:0}.logo{color:var(--text);font-size:1rem;font-weight:700;text-decoration:none}.logo span{color:var(--text-secondary);font-weight:500}.main-nav{gap:1rem;display:flex}.main-nav a{color:var(--text-secondary);font-size:.94rem;text-decoration:none}.main-nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:.65rem;display:flex}.language-toggle{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.language-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:.42rem .65rem;font-size:.82rem}.language-toggle button.active{background:var(--surface-soft);color:var(--text)}.primary-btn,.secondary-btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:.66rem 1rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover{background:var(--accent-hover)}.secondary-btn{background:var(--surface);color:var(--text);border-color:var(--border)}.menu-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.35rem .6rem;display:none}main{gap:1.25rem;display:grid}.hero-section,.benefits,.product-preview,.final-cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.55rem}.hero-section{grid-template-columns:1.05fr 1fr;gap:1.25rem;display:grid}.eyebrow{color:var(--text-secondary);margin:0 0 .7rem}h1,h2,h3,p{margin:0}h1{margin-bottom:.95rem;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15}h2{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.hero-description{color:var(--text-secondary);max-width:52ch}.hero-actions{flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 .8rem;display:flex}.hero-supporting{color:var(--text-secondary);font-size:.96rem}.hero-preview{background:linear-gradient(165deg, var(--surface-soft), #f8f3ec);border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;gap:.8rem;min-height:320px;padding:1rem;display:grid;position:relative}.pencil-stroke{border-top:1px solid #4e625040;width:70%;position:absolute;transform:rotate(-6deg)}.pencil-stroke.first{top:11%;inset-inline-start:18%}.pencil-stroke.second{top:86%;width:48%;inset-inline-start:8%;transform:rotate(9deg)}.preview-card{z-index:1;background:#fffdf9;border:1px solid #e6dfd5;border-radius:12px;align-self:end;padding:.85rem;position:relative}.preview-card.tall{grid-row:span 2}.preview-card h3,.benefit-card h3,.preview-grid-item h3{margin-bottom:.45rem;font-size:1rem}.preview-card p,.benefit-card p,.product-preview p,.final-cta p,.landing-footer p{color:var(--text-secondary);line-height:1.6}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.benefit-card{border:1px solid var(--border);background:#fffcf9;border-radius:12px;padding:1rem}.benefit-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--accent);border-radius:9px;place-items:center;margin-bottom:.7rem;display:inline-grid}.product-preview{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.preview-grid-item{border:1px solid var(--border);background:#fffdfa;border-radius:12px;padding:.8rem}.preview-thumb{background:var(--surface-soft);border:1px solid var(--border);color:var(--accent);border-radius:9px;place-items:center;min-height:86px;margin-bottom:.7rem;font-weight:600;display:grid}.final-cta{text-align:center;padding-block:2rem}.final-cta p{max-width:60ch;margin:.8rem auto 1.2rem}.final-cta small{color:var(--text-secondary);margin-top:.65rem;display:block}.landing-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem .2rem .2rem;font-size:.9rem;display:flex}.landing-footer div{gap:.75rem;display:inline-flex}.landing-footer a{color:var(--text-secondary);text-decoration:none}.landing-footer a:hover{color:var(--text)}.rtl{direction:rtl}.ltr{direction:ltr}.section-enter{animation:.42s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-enter{animation:none}.primary-btn,.secondary-btn{transition:none}}@media (width<=940px){.hero-section,.product-preview,.benefits{grid-template-columns:1fr}}@media (width<=760px){.app{padding-inline:.8rem}.landing-header{flex-wrap:wrap;align-items:flex-start}.menu-toggle{display:inline-flex}.main-nav{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;width:100%;padding:.65rem;display:none}.main-nav.open{display:flex}.header-actions{margin-inline-start:auto}.hero-preview{min-height:260px}.preview-grid{grid-template-columns:1fr}}