:root{--ink: #14110E;--vine-900: #102117;--vine-800: #16301F;--vine-700: #1E3A2B;--vine-500: #3E6B4A;--olive: #6E7A39;--gold: #A16207;--gold-2: #C99433;--gold-soft: #E7C078;--cream: #FBF8F1;--sand: #F2EADC;--clay: #A9503A;--plum: #6B2F44;--bg: var(--cream);--bg-alt: var(--sand);--fg: var(--ink);--fg-muted: #5C554C;--line: rgba(20, 17, 14, .1);--line-strong: rgba(20, 17, 14, .18);--accent: var(--gold);--font-head: "Noto Naskh Arabic", "Amiri", serif;--font-body: "Noto Sans Arabic", system-ui, sans-serif;--step--1: clamp(.82rem, .79rem + .16vw, .92rem);--step-0: clamp(.98rem, .94rem + .22vw, 1.09rem);--step-1: clamp(1.16rem, 1.08rem + .42vw, 1.42rem);--step-2: clamp(1.42rem, 1.24rem + .9vw, 2.02rem);--step-3: clamp(1.78rem, 1.42rem + 1.7vw, 2.9rem);--step-4: clamp(2.2rem, 1.5rem + 3.1vw, 4.1rem);--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--shadow-1: 0 2px 8px rgba(20, 17, 14, .05);--shadow-2: 0 18px 44px -22px rgba(16, 33, 23, .38);--shadow-3: 0 34px 80px -34px rgba(16, 33, 23, .55);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .42s;--maxw: 1200px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);font-weight:400;line-height:1.85;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.35;margin:0 0 .5em;letter-spacing:0}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 1em;color:var(--fg-muted)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}::selection{background:var(--gold-soft);color:var(--vine-900)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.4rem)}.section{padding-block:clamp(3.6rem,9vw,7rem);position:relative}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--step--1);font-weight:700;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;margin-bottom:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav{position:fixed;inset-inline:0;top:0;z-index:60;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease),padding var(--dur) var(--ease);padding-block:.85rem}.nav.is-stuck{background:#fbf8f1d1;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 var(--line),0 14px 30px -26px #10211780}.nav__inner{display:flex;align-items:center;gap:1rem;justify-content:space-between}.nav__brand{display:flex;align-items:center;gap:.7rem}.nav__links{display:flex;align-items:center;gap:.35rem}.nav__link{padding:.5rem .85rem;border-radius:999px;font-size:var(--step--1);font-weight:500;color:var(--fg-muted);transition:color .22s var(--ease),background .22s var(--ease)}.nav__link:hover{color:var(--vine-700);background:#a1620714}.nav__actions{display:flex;align-items:center;gap:.5rem}.nav__burger{display:none}.hero{position:relative;padding-block:clamp(7.5rem,16vw,11rem) clamp(3rem,7vw,5.5rem);background:radial-gradient(120% 90% at 88% 8%,rgba(231,192,120,.22),transparent 60%),radial-gradient(90% 80% at 6% 92%,rgba(62,107,74,.3),transparent 62%),linear-gradient(165deg,var(--vine-900) 0%,var(--vine-800) 46%,#0C1A12 100%);color:var(--cream);overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(251,248,241,.07) 1px,transparent 1px);background-size:26px 26px;opacity:.5;pointer-events:none}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,5vw,4rem);align-items:center}.hero__copy{max-width:34rem}.hero h1{color:var(--cream);margin-bottom:1rem}.hero h1 em{font-style:normal;color:var(--gold-soft);position:relative;white-space:nowrap}.hero__lead{color:#fbf8f1d1;font-size:var(--step-1);line-height:1.9;max-width:32rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}.hero__art{position:relative}.grid{display:grid;gap:clamp(1rem,2.4vw,1.6rem)}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.section__head{max-width:46rem;margin-bottom:clamp(1.8rem,4vw,2.8rem)}.section__head--center{margin-inline:auto;text-align:center}.band{background:var(--vine-900);color:var(--cream);position:relative;overflow:hidden}.band h2{color:var(--cream)}.band p{color:#fbf8f1c7}.alt{background:linear-gradient(180deg,var(--sand),#EFE6D4)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(1.4rem,4vw,3rem);align-items:start}.split--even{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.88rem 1.5rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:var(--step-0);line-height:1;transition:transform .22s var(--ease),box-shadow .3s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);will-change:transform}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a07;box-shadow:0 14px 30px -14px #a16207b3}.btn--gold:hover{box-shadow:0 20px 42px -16px #a16207d9}.btn--ghost{background:#fbf8f112;border-color:#fbf8f147;color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{background:#fbf8f124;border-color:#e7c07899}.btn--line{background:transparent;border-color:var(--line-strong);color:var(--vine-800)}.btn--line:hover{border-color:var(--gold);color:var(--gold);background:#a162070f}.btn--block{width:100%}.btn--sm{padding:.62rem 1.05rem;font-size:var(--step--1)}.brand{display:flex;align-items:center;gap:.68rem}.brand__mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,var(--vine-700),var(--vine-900));box-shadow:inset 0 0 0 1px #e7c07859,var(--shadow-1);flex:none}.brand__name{font-family:var(--font-head);font-weight:700;font-size:1.34rem;line-height:1.1;color:var(--vine-800);display:block}.brand__tag{display:block;font-size:.7rem;letter-spacing:.16em;color:var(--fg-muted);font-weight:500}.nav--onDark .brand__name,.hero .brand__name{color:var(--cream)}.nav--onDark .brand__tag,.hero .brand__tag{color:#fbf8f19e}.card{background:#ffffffad;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.2rem,2.6vw,1.75rem);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .35s var(--ease),border-color .3s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:#a1620759}.card__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#3e6b4a1f;color:var(--vine-700);margin-bottom:.95rem}.card h3{margin-bottom:.35rem;color:var(--vine-800)}.card p{margin:0;font-size:var(--step--1);line-height:1.8}.card--dark{background:#fbf8f10d;border-color:#fbf8f11f;box-shadow:none}.card--dark h3{color:var(--cream)}.card--dark p{color:#fbf8f1b8}.card--dark .card__icon{background:#e7c07829;color:var(--gold-soft)}.card--dark:hover{border-color:#e7c07861;box-shadow:0 24px 60px -30px #000c}.tabs{display:inline-flex;gap:.3rem;padding:.35rem;border-radius:999px;background:#14110e0f;border:1px solid var(--line);margin-bottom:1.8rem;flex-wrap:wrap}.tab{border:0;background:transparent;padding:.62rem 1.15rem;border-radius:999px;font-size:var(--step--1);font-weight:700;color:var(--fg-muted);transition:all .25s var(--ease)}.tab[aria-selected=true]{background:var(--vine-800);color:var(--cream);box-shadow:var(--shadow-1)}.jar-card{display:grid;grid-template-columns:140px 1fr;gap:1.3rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.1rem,2.6vw,1.8rem);box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .35s var(--ease)}.jar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.jar-card__art{border-radius:var(--r-md);background:linear-gradient(160deg,var(--sand),#E7DCC5);padding:.6rem;display:grid;place-items:center}.jar-card h3{margin-bottom:.2rem;color:var(--vine-800)}.jar-card .price{font-family:var(--font-head);font-size:var(--step-2);color:var(--gold);font-weight:700}.jar-card .price span{font-size:var(--step--1);color:var(--fg-muted);font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 1rem}.chip{font-size:.74rem;font-weight:700;padding:.34rem .7rem;border-radius:999px;background:#3e6b4a1a;color:var(--vine-700);border:1px solid rgba(62,107,74,.16)}.chip--gold{background:#a162071a;color:var(--gold);border-color:#a1620733}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fbf8f124;border-radius:var(--r-md);overflow:hidden;margin-top:2.6rem}.fact{background:#1021178c;padding:1.1rem 1rem;text-align:center}.fact strong{display:block;font-family:var(--font-head);font-size:var(--step-2);color:var(--gold-soft);line-height:1.2}.fact span{font-size:.78rem;color:#fbf8f1b3}.ribbon{background:var(--gold);color:#1d1405;padding:.62rem 0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:var(--step--1)}.ribbon__track{display:inline-flex;gap:2.4rem;animation:slide 34s linear infinite}.ribbon__track span{display:inline-flex;align-items:center;gap:.5rem}.steps{display:grid;gap:0;counter-reset:step}.step{display:grid;grid-template-columns:62px 1fr;gap:1.2rem;padding-block:1.35rem;border-top:1px dashed var(--line-strong);align-items:start}.step:last-child{border-bottom:1px dashed var(--line-strong)}.step__num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;color:var(--gold-soft);background:#102117e6;box-shadow:inset 0 0 0 1px #e7c07866}.step h3{margin-bottom:.15rem;color:var(--cream)}.step p{margin:0;font-size:var(--step--1);color:#fbf8f1b8}.offer{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.4rem,4vw,3rem);align-items:center;background:linear-gradient(150deg,#fff,var(--sand));border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.offer:before{content:"";position:absolute;width:340px;height:340px;inset-inline-start:-120px;bottom:-160px;background:radial-gradient(circle,rgba(231,192,120,.5),transparent 68%)}.offer__list{list-style:none;padding:0;margin:1.1rem 0 0;position:relative;z-index:1}.offer__list li{display:flex;gap:.6rem;align-items:flex-start;padding:.42rem 0;font-size:var(--step--1);color:var(--fg-muted)}.offer__list svg{flex:none;margin-top:.45rem;color:var(--vine-500)}.badge-save{display:inline-block;background:var(--clay);color:#fff;font-size:.76rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;margin-bottom:.8rem}.faq{display:grid;gap:.7rem}.faq__item{border:1px solid var(--line);border-radius:var(--r-md);background:#ffffffb3;overflow:hidden;transition:border-color .28s var(--ease),box-shadow .28s var(--ease)}.faq__item[data-open=true]{border-color:#a1620766;box-shadow:var(--shadow-1)}.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:0;text-align:start;padding:1.05rem 1.2rem;font-weight:700;font-family:var(--font-head);font-size:var(--step-1);color:var(--vine-800)}.faq__q svg{flex:none;transition:transform .3s var(--ease);color:var(--gold)}.faq__item[data-open=true] .faq__q svg{transform:rotate(45deg)}.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}.faq__item[data-open=true] .faq__a{grid-template-rows:1fr}.faq__a>div{overflow:hidden}.faq__a p{padding:0 1.2rem 1.1rem;margin:0;font-size:var(--step--1)}.form{display:grid;gap:.85rem}.field{display:grid;gap:.35rem}.field label{font-size:var(--step--1);font-weight:700;color:var(--vine-800)}.field input,.field select,.field textarea{font:inherit;font-size:var(--step-0);padding:.8rem .95rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:#fff;color:var(--fg);transition:border-color .22s var(--ease),box-shadow .22s var(--ease);width:100%}.field input::placeholder,.field textarea::placeholder{color:#a39b8e}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #a1620724}.field .err{color:var(--clay);font-size:.78rem;font-weight:700}.field--row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.qty{display:flex;align-items:center;gap:.6rem}.qty button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line-strong);background:#fff;color:var(--vine-800);font-size:1.1rem;font-weight:700;display:grid;place-items:center;transition:all .2s var(--ease)}.qty button:hover{border-color:var(--gold);color:var(--gold)}.form__note{font-size:.78rem;color:var(--fg-muted);margin:0}.toast{position:fixed;inset-block-end:1.4rem;inset-inline-start:1.4rem;z-index:90;display:flex;align-items:center;gap:.7rem;background:var(--vine-900);color:var(--cream);padding:.85rem 1.15rem;border-radius:var(--r-md);box-shadow:var(--shadow-3);border:1px solid rgba(231,192,120,.3);font-size:var(--step--1);font-weight:700;animation:toastIn .38s var(--ease)}.toast svg{color:var(--gold-soft)}.footer{background:var(--vine-900);color:#fbf8f1bd;padding-block:3.2rem 1.6rem}.footer h4{color:var(--cream);font-size:var(--step-0);margin-bottom:.7rem;font-family:var(--font-body);font-weight:700}.footer a:hover{color:var(--gold-soft)}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.footer__list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:var(--step--1)}.footer__bottom{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid rgba(251,248,241,.14);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1.2deg)}}@keyframes sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(2.2deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes steam{0%{opacity:0;transform:translateY(6px) scaleX(.85)}40%{opacity:.5}to{opacity:0;transform:translateY(-30px) scaleX(1.25)}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.reveal--d1{transition-delay:.09s}.reveal--d2{transition-delay:.18s}.reveal--d3{transition-delay:.27s}.reveal--d4{transition-delay:.36s}.floaty{animation:floaty 7.5s var(--ease) infinite}.sway{animation:sway 6.5s var(--ease) infinite;transform-origin:50% 90%}.steam{animation:steam 4.2s var(--ease) infinite;transform-origin:50% 100%}.skeleton{background:linear-gradient(90deg,#14110e0f 25%,#14110e1f 37%,#14110e0f 63%);background-size:400% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--r-md)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}@media (max-width: 1024px){.hero__grid{grid-template-columns:1fr}.hero__art{order:-1;max-width:460px}.hero__lead{max-width:none}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.offer{grid-template-columns:1fr}}@media (max-width: 900px){.split,.split--even{grid-template-columns:1fr}}@media (max-width: 860px){.nav__links{display:none}.nav__burger{display:grid;place-items:center}.nav__actions .btn{display:none}.grid--3{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){body{line-height:1.78}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--2,.grid--4{grid-template-columns:1fr}.jar-card{grid-template-columns:1fr;text-align:center}.jar-card__art{max-width:190px;margin-inline:auto}.jar-card .price{display:block;margin-top:.4rem}.chips{justify-content:center}.field--row{grid-template-columns:1fr}.step{grid-template-columns:44px 1fr;gap:.9rem}.footer__grid{grid-template-columns:1fr}.toast{inset-inline:1rem;inset-block-end:1rem}.tabs{width:100%;justify-content:center}}@media (min-width: 1440px){.hero{padding-block:12rem 7rem}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0b160f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;align-content:start;padding-top:5.2rem}.drawer__panel{margin-inline:1rem;background:var(--cream);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--shadow-3);animation:fadeUp .32s var(--ease)}.drawer__link{display:block;padding:.85rem .6rem;border-bottom:1px solid var(--line);font-weight:700;color:var(--vine-800);font-family:var(--font-head);font-size:var(--step-1)}.drawer__link:last-of-type{border-bottom:0}