:root{--cream:#f7efe3;--paper:#fffaf2;--ink:#2b211b;--terracotta:#bd5b3c;--deep:#773028;--green:#3e654a;--gold:#e8aa4f;--line:rgba(43,33,27,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Tajawal",sans-serif;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(232,170,79,.18),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:left .12s linear,top .12s linear}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-family:"Aref Ruqaa",serif;font-size:25px;font-weight:700}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 42% 58%;background:var(--terracotta);color:#fff;transform:rotate(-8deg)}.brand-mark::first-letter{transform:rotate(8deg)}.nav-actions{display:flex;align-items:center;gap:28px}.language-switcher{display:flex;direction:ltr;border:1px solid var(--line);padding:3px;border-radius:30px}.language-switcher button{border:0;background:transparent;color:#776a60;font:700 11px "Tajawal";min-width:30px;height:28px;border-radius:20px;cursor:pointer;transition:.2s}.language-switcher button.active{background:var(--ink);color:#fff}.nav-link{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid;padding:8px 0;transition:.2s}.nav-link span{display:inline-block;transition:.2s}.nav-link:hover span{transform:translateX(-5px)}
.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;padding-block:70px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--terracotta);display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:currentColor}.hero h1,.join h2,.story h2{font-family:"Aref Ruqaa",serif;font-weight:700;font-size:clamp(60px,7vw,100px);line-height:1.02;margin:24px 0}.hero h1 em,.story h2 em{color:var(--terracotta);font-style:normal}.lead{font-size:19px;line-height:1.9;max-width:610px;color:#61554d}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.primary-btn{display:flex;align-items:center;justify-content:space-between;width:205px;padding:18px 22px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;border-radius:2px;transition:.25s}.primary-btn:hover{background:var(--terracotta);transform:translateY(-3px)}.people{display:flex;align-items:center;gap:13px}.avatars{display:flex;direction:ltr}.avatars i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green);border:3px solid var(--cream);color:#fff;font-style:normal;margin-left:-10px;font-size:13px}.avatars i:nth-child(2){background:var(--gold)}.avatars i:nth-child(3){background:var(--terracotta)}.people p{font-size:12px;line-height:1.35;color:#786d64}.people strong{color:var(--ink);font-size:15px}
.hero-art{height:500px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:325px;height:325px;border-radius:50%;background:var(--gold);top:70px;display:grid;place-items:start center;box-shadow:0 25px 80px rgba(189,91,60,.15)}.sun span{font-size:13px;margin-top:28px;border:1px solid rgba(43,33,27,.35);padding:5px 15px;border-radius:20px}.plate{width:370px;position:absolute;top:170px;z-index:2;animation:float 5s ease-in-out infinite}.plate svg{width:100%;filter:drop-shadow(0 25px 20px rgba(63,38,22,.2))}.steam{position:absolute;width:2px;height:60px;background:linear-gradient(transparent,rgba(255,255,255,.9));top:-50px;border-radius:50%;animation:steam 2.7s ease-in-out infinite}.s1{left:125px}.s2{left:180px;animation-delay:.6s;height:75px}.s3{left:235px;animation-delay:1.2s}.orbit{position:absolute;border:1px solid rgba(119,48,40,.25);border-radius:50%;width:440px;height:440px;animation:spin 24s linear infinite}.orbit::after{content:"✦";position:absolute;color:var(--terracotta);top:28px;left:58px}.orbit-two{width:500px;height:270px;transform:rotate(-22deg);animation-direction:reverse}.spice-card{position:absolute;background:var(--paper);padding:14px 18px;border:1px solid rgba(43,33,27,.08);box-shadow:0 12px 30px rgba(43,33,27,.1);z-index:3;font-size:13px}.spice-card span{color:var(--terracotta);margin-left:12px}.card-one{right:3px;top:135px;transform:rotate(3deg)}.card-two{left:0;bottom:65px;transform:rotate(-4deg)}
.countdown-section{background:var(--ink);color:var(--cream);padding:45px 0}.countdown-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.countdown-inner>p{font-family:"Aref Ruqaa";font-size:26px}.countdown-inner>small{text-align:left;color:#aa9f95}.countdown{direction:ltr;display:flex;align-items:start;gap:20px}.countdown div{text-align:center;min-width:70px}.countdown strong{display:block;font-family:"Aref Ruqaa";font-size:47px;font-weight:400;line-height:1}.countdown span{font-size:11px;color:#b9aea4}.countdown i{font-size:30px;color:var(--terracotta);font-style:normal}
.story{display:grid;grid-template-columns:180px 1fr;padding-block:120px}.section-label{font-size:13px;color:var(--terracotta);padding-top:16px}.story h2{font-size:clamp(43px,5vw,68px);margin:0 0 65px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.feature-grid article>span{font-size:25px;color:var(--terracotta)}.feature-grid h3{font-size:19px;margin:24px 0 12px}.feature-grid p{color:#74685f;line-height:1.8;font-size:14px}
.join{background:var(--deep);color:#fff;position:relative;overflow:hidden;padding:110px 0}.join::before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;top:-200px}.join-inner{display:grid;grid-template-columns:1fr 480px;gap:110px;align-items:center}.eyebrow.light{color:#efb35c}.join h2{font-size:clamp(50px,6vw,78px);margin:25px 0}.join h2 em{color:var(--gold);font-style:normal}.join-copy>p{max-width:500px;color:#ddcfc8;line-height:1.9;font-size:17px}.join-decoration{position:absolute;color:rgba(255,255,255,.12);font-size:70px}.join-decoration.one{left:6%;top:10%}.join-decoration.two{right:4%;bottom:8%;font-size:40px}.signup-form{background:var(--paper);color:var(--ink);padding:38px;box-shadow:0 35px 80px rgba(30,10,7,.3)}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.form-head span{color:var(--terracotta);font-size:12px}.form-head p{font-family:"Aref Ruqaa";font-size:24px;margin:0}.signup-form label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}.signup-form input,.signup-form select{font:inherit;font-size:14px;width:100%;border:0;border-bottom:1px solid #bdb2a7;background:transparent;padding:11px 2px;outline:0;color:var(--ink);border-radius:0}.signup-form input:focus,.signup-form select:focus{border-color:var(--terracotta)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.optional small{font-weight:400;color:#9a8e84;margin-right:5px}.consent{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.consent input{width:16px;height:16px;accent-color:var(--terracotta)}.signup-form button{width:100%;border:0;background:var(--terracotta);color:#fff;padding:17px 20px;font:700 15px "Tajawal";display:flex;justify-content:space-between;cursor:pointer;transition:.25s}.signup-form button:hover{background:var(--ink)}.privacy{text-align:center;font-size:10px;color:#978b81;margin:12px 0 0}.invalid{border-color:#c0392b!important}
footer{min-height:150px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px;color:#776a60}footer p{text-align:center}footer>span{text-align:left}.toast{position:fixed;z-index:40;left:30px;bottom:30px;background:var(--green);color:white;padding:17px 20px;display:flex;align-items:center;gap:13px;box-shadow:0 14px 40px rgba(0,0,0,.25);transform:translateY(140px);opacity:0;transition:.4s}.toast.show{transform:none;opacity:1}.toast>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15)}.toast strong{font-size:14px}.toast p{margin:3px 0 0;font-size:11px;color:#d8e3d9}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}@keyframes float{50%{transform:translateY(-12px)}}@keyframes steam{0%{opacity:0;transform:translateY(15px) scaleX(1)}50%{opacity:.8;transform:translateY(-10px) scaleX(3)}100%{opacity:0;transform:translateY(-30px) scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:470px}.countdown-inner{grid-template-columns:1fr;text-align:center;gap:25px}.countdown-inner>small{text-align:center}.story{grid-template-columns:1fr;gap:25px}.join-inner{grid-template-columns:1fr;gap:55px}.feature-grid{gap:20px}.section-label{padding:0}.join{padding:80px 0}}
@media(max-width:560px){.wrap{width:min(100% - 30px,1180px)}.nav{height:78px}.nav-actions{gap:10px}.nav-link{display:none}.language-switcher button{min-width:28px}.hero{padding-block:45px}.hero h1{font-size:56px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:370px}.sun{width:245px;height:245px}.plate{width:285px;top:145px}.orbit{width:320px;height:320px}.orbit-two{width:345px;height:210px}.card-one{right:-7px;top:105px}.card-two{bottom:25px}.countdown{gap:7px;justify-content:center}.countdown div{min-width:56px}.countdown strong{font-size:37px}.countdown i{font-size:22px}.story{padding-block:80px}.story h2{font-size:43px}.feature-grid{grid-template-columns:1fr}.join{padding:75px 0}.join h2{font-size:48px}.signup-form{padding:27px 20px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;text-align:center;gap:18px;padding-block:35px}footer p,footer>span{text-align:center;margin:0}.toast{left:15px;right:15px;bottom:15px}}
html[dir="ltr"] body{font-family:"Tajawal",sans-serif}html[dir="ltr"] .countdown{direction:ltr}html[dir="ltr"] .countdown-inner>small,html[dir="ltr"] footer>span{text-align:right}html[dir="ltr"] .primary-btn span,html[dir="ltr"] .nav-link span,html[dir="ltr"] .signup-form button span{transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.brand{font-family:"Tajawal",sans-serif;font-weight:800;letter-spacing:-.04em}.brand-mark{font:800 25px "Tajawal"}