:root{--sand: #fdf4ec;--sand-deep: #f4e6d6;--ink: #2a1d12;--ink-soft: #6b574420;--clay: #c2410c;--clay-bright: #e35427;--zellij: #0f5c53;--zellij-deep: #0a3f39;--gold: #d8a23a;--cream-card: #fffaf3;--shadow: 24px 24px 0 -8px rgba(15, 92, 83, .12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--sand);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{position:relative;isolation:isolate}.zellij{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:radial-gradient(circle at 50% 50%,transparent 6px,var(--sand) 7px),radial-gradient(circle at 0 0,transparent 6px,var(--sand) 7px),radial-gradient(circle at 100% 100%,transparent 6px,var(--sand) 7px);background-color:var(--sand-deep);background-size:46px 46px;background-position:0 0,23px 23px,23px 23px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 70% 12%,#000 0%,transparent 55%);mask-image:radial-gradient(circle at 70% 12%,#000 0%,transparent 55%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.6rem clamp(1.2rem,5vw,4rem);max-width:1240px;margin:0 auto}.brand{display:flex;align-items:baseline;gap:.55rem;text-decoration:none;color:var(--ink)}.brand__mark{font-family:Cairo,sans-serif;font-weight:800;font-size:1.5rem;color:var(--clay)}.brand__name{font-family:Fraunces,serif;font-weight:600;font-size:1.35rem;letter-spacing:-.01em}.nav__links{display:flex;gap:2rem}.nav__links a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;opacity:.7;transition:opacity .2s}.nav__links a:hover{opacity:1;color:var(--clay)}.hero{max-width:1240px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1.2rem,5vw,4rem) 3rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.eyebrow{text-transform:lowercase;letter-spacing:.04em;color:var(--zellij);font-weight:700;font-size:.95rem;margin-bottom:1.1rem}.hero h1{font-family:Fraunces,serif;font-weight:900;font-size:clamp(3rem,7vw,5.4rem);line-height:.95;letter-spacing:-.03em;margin-bottom:1.4rem}.hero h1 .ink{font-style:italic;color:var(--clay);position:relative}.hero h1 .ink:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.14em;background:var(--gold);z-index:-1;border-radius:2px}.lede{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;max-width:34ch;color:#5a4636;margin-bottom:2.2rem}.downloads{display:flex;gap:1rem;flex-wrap:wrap}.downloads--center{justify-content:center}.downloads__hint{margin-top:1rem;font-size:.9rem;color:#8a7561;font-weight:500}.store-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.4rem;border-radius:16px;text-decoration:none;background:var(--ink);color:var(--sand);border:2px solid var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .2s}.store-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2a1d1240}.store-btn__glyph{display:grid;place-items:center}.store-btn__text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.store-btn__text small{font-size:.66rem;opacity:.8;font-weight:600}.store-btn__text strong{font-size:1.05rem;font-weight:700;font-family:Fraunces,serif}.store-btn--primary{background:var(--clay);border-color:var(--clay);box-shadow:0 8px 22px #c2410c59}.store-btn--soon{opacity:.55;cursor:not-allowed}.store-btn--soon:hover{transform:none;box-shadow:none}.hero__art{position:relative;display:grid;place-items:center}.phone{position:relative;width:min(300px,78%);aspect-ratio:9 / 19.5;background:var(--ink);border-radius:42px;padding:10px;box-shadow:var(--shadow),0 30px 60px -20px #2a1d1280;transform:rotate(-3deg);transition:transform .4s ease}.hero__art:hover .phone{transform:rotate(0)}.phone__notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:34%;height:22px;background:var(--ink);border-radius:0 0 14px 14px;z-index:2}.phone img{width:100%;height:100%;object-fit:cover;border-radius:33px;display:block}.price-chip{position:absolute;font-family:Fraunces,serif;font-weight:600;padding:.6rem 1rem;border-radius:14px;background:var(--cream-card);box-shadow:0 12px 30px -10px #2a1d1266;animation:float 5s ease-in-out infinite}.price-chip--a{top:12%;right:2%;color:var(--clay);border:2px solid var(--sand-deep)}.price-chip--b{bottom:14%;left:0;color:var(--zellij);font-family:Cairo,sans-serif;font-weight:600;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ticker{background:var(--zellij);color:var(--sand);padding:.9rem 0;overflow:hidden;transform:rotate(-1.2deg) scale(1.04);margin:2rem 0 4rem;border-top:3px solid var(--zellij-deep);border-bottom:3px solid var(--zellij-deep)}.ticker__track{display:flex;gap:2.5rem;width:max-content;animation:scroll 26s linear infinite}.ticker__item{font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;font-style:italic;display:inline-flex;align-items:center;gap:2.5rem;white-space:nowrap}.ticker__dot{color:var(--gold);font-style:normal}@keyframes scroll{to{transform:translate(-50%)}}.features{max-width:1240px;margin:0 auto;padding:2rem clamp(1.2rem,5vw,4rem) 4rem}.section-title{font-family:Fraunces,serif;font-weight:900;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.02;letter-spacing:-.02em;max-width:16ch;margin-bottom:2.6rem}.section-title em{color:var(--clay)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.card{background:var(--cream-card);border:2px solid var(--sand-deep);border-radius:22px;padding:1.8rem 1.6rem;transition:transform .25s ease,border-color .25s}.card:hover{transform:translateY(-6px);border-color:var(--clay)}.card__num{font-family:Fraunces,serif;font-size:.9rem;font-weight:600;color:var(--clay);background:var(--sand);border-radius:999px;padding:.2rem .7rem;display:inline-block;margin-bottom:1.1rem}.card h3{font-family:Fraunces,serif;font-size:1.35rem;font-weight:600;margin-bottom:.5rem}.card p{color:#5a4636;line-height:1.5;font-size:.98rem}.cta{padding:2rem clamp(1.2rem,5vw,4rem) 5rem}.cta__inner{max-width:1100px;margin:0 auto;background:linear-gradient(135deg,var(--clay) 0%,var(--clay-bright) 60%,var(--gold) 140%);border-radius:34px;padding:clamp(2.5rem,6vw,4.5rem);text-align:center;color:var(--sand);position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #c2410c99}.cta__inner:before{content:"سويقة";position:absolute;font-family:Cairo,sans-serif;font-weight:800;font-size:18rem;right:-3rem;bottom:-6rem;opacity:.08;pointer-events:none}.cta h2{font-family:Fraunces,serif;font-weight:900;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.02em;margin-bottom:2rem}.cta .store-btn{background:var(--ink);border-color:var(--ink)}.cta .store-btn--primary{background:var(--sand);color:var(--ink);border-color:var(--sand)}.footer{max-width:1240px;margin:0 auto;padding:2.5rem clamp(1.2rem,5vw,4rem) 3.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;border-top:2px solid var(--sand-deep)}.footer__brand{display:flex;align-items:baseline;gap:.5rem}.footer__links{display:flex;gap:1.8rem}.footer__links a{color:var(--ink);text-decoration:none;font-weight:600;opacity:.75}.footer__links a:hover{opacity:1;color:var(--clay)}.footer__fine{width:100%;color:#8a7561;font-size:.85rem;font-weight:500}.reveal{opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal,.price-chip,.ticker__track{animation:none;opacity:1;transform:none}.reveal{transform:none}}@media(max-width:860px){.hero{grid-template-columns:1fr;text-align:center}.lede{margin-left:auto;margin-right:auto}.downloads{justify-content:center}.hero__art{order:-1;margin-bottom:1rem}.nav__links{display:none}}
