:root{--ink:#1a2e1f;--leaf:#2f6b4f;--leaf-deep:#1e4633;--sand:#f3ede2;--mist:#e8f0ea;--gold:#c4a35a;--cream:#faf7f1;--font-display:"Libre Baskerville", "Amiri", Georgia, serif;--font-arabic:"Amiri", "Libre Baskerville", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-display);background:var(--sand);margin:0;line-height:1.55}body[dir=rtl]{font-family:var(--font-arabic)}a{color:inherit;text-decoration:none}.page{min-height:100vh}.nav{inset-inline:0;z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:absolute;top:0}.nav-links{gap:1.25rem;font-size:.9rem;display:none}.nav-links a{opacity:.85;transition:opacity .2s}.nav-links a:hover{opacity:1}@media (width>=768px){.nav-links{margin-inline:auto 1rem;display:flex}}.nav-brand{letter-spacing:.02em;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;display:inline-flex}.nav-brand-mark{object-fit:contain;width:36px;height:36px;display:block}.hero-logo{filter:drop-shadow(0 8px 24px #00000040);width:min(280px,72vw);height:auto;margin:0 auto 1rem;display:block}.band-logo{object-fit:contain;margin:0 auto 1rem;display:block}.lang-switch{gap:.4rem;display:flex}.lang-switch button{color:var(--ink);cursor:pointer;font:inherit;background:#ffffff59;border:1px solid #0000;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.lang-switch button.active{background:var(--leaf);color:#fff}.hero{background:radial-gradient(ellipse 80% 60% at 70% 20%, #2f6b4f38, transparent 55%), radial-gradient(ellipse 60% 50% at 10% 80%, #c4a35a2e, transparent 50%), linear-gradient(165deg, #eef4ef 0%, var(--sand) 45%, #e4ebe4 100%), url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232f6b4f' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");align-items:end;min-height:100vh;padding:6rem 1.5rem 4rem;display:grid;position:relative;overflow:hidden}.hero-visual{pointer-events:none;background:linear-gradient(120deg,#0000 40%,#2f6b4f14 100%),radial-gradient(circle at 85% 35%,#1a2e1f1f,#0000 35%);position:absolute;inset:0}.hero-content{text-align:center;max-width:720px;margin-inline:auto;animation:.9s ease-out both rise;position:relative}.hero-content .tagline,.hero-content .cta-row{margin-inline:auto}.hero-content .cta-row{justify-content:center}.brand{color:var(--leaf-deep);margin:0 0 .35rem;font-size:clamp(2.8rem,8vw,5.2rem);font-weight:700;line-height:1.05}.brand-secondary{color:var(--leaf);opacity:.9;margin:0 0 1.25rem;font-size:clamp(1.2rem,3vw,1.75rem)}.tagline{max-width:34ch;color:var(--ink);margin:0 0 2rem;font-size:clamp(1.05rem,2.4vw,1.35rem)}.cta-row{flex-wrap:wrap;gap:.75rem;animation:1.1s ease-out both rise;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.4rem;font-size:.95rem;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--leaf);color:#fff}.btn-ghost{color:var(--ink);background:0 0;border-color:#1a2e1f40}.section{max-width:960px;margin:0 auto;padding:5rem 1.5rem}.section h2{color:var(--leaf-deep);margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.section>p{max-width:52ch;margin:0 0 2.5rem;font-size:1.1rem}.steps{gap:2rem;display:grid}@media (width>=768px){.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.step{animation:.8s ease-out both rise}.step:nth-child(2){animation-delay:.1s}.step:nth-child(3){animation-delay:.2s}.step-index{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-size:.85rem;display:block}.step h3{margin:0 0 .5rem;font-size:1.25rem}.step p{opacity:.85;margin:0}.section-features{background:linear-gradient(#0000,#e8f0ea99);border-radius:1.5rem;max-width:1024px;margin-inline:auto}.features-grid{gap:1.5rem;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--cream);border:1px solid #2f6b4f1f;border-radius:1rem;padding:1.5rem;animation:.8s ease-out both rise}.feature-card:nth-child(2){animation-delay:80ms}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.24s}.feature-icon{margin-bottom:.75rem;font-size:1.75rem;display:block}.feature-card h3{color:var(--leaf-deep);margin:0 0 .5rem;font-size:1.15rem}.feature-card p{opacity:.85;margin:0;font-size:.95rem}.band{background:linear-gradient(135deg, var(--leaf-deep), var(--leaf));color:var(--cream);text-align:center;padding:4.5rem 1.5rem}.band h2{color:var(--cream);margin:0 0 .5rem}.band p{opacity:.9;max-width:40ch;margin:0 auto 1.5rem}.band .btn-primary{background:var(--cream);color:var(--leaf-deep)}.store-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.store-row .btn{color:#fff;background:#ffffff1f;border-color:#ffffff59;min-width:160px}.footer{text-align:center;opacity:.7;padding:2rem 1.5rem;font-size:.9rem}.modal-backdrop{z-index:50;background:#1a2e1f8c;place-items:center;padding:1.5rem;animation:.25s both rise;display:grid;position:fixed;inset:0}.modal{background:var(--cream);width:min(100%,22rem);color:var(--ink);text-align:center;border-radius:16px;padding:1.5rem 1.35rem;box-shadow:0 18px 48px #1a2e1f47}.modal h3{color:var(--leaf-deep);margin:0 0 .65rem;font-size:1.35rem}.modal p{opacity:.85;margin:0 0 1.25rem;font-size:.95rem}.modal .btn{min-width:8rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}