:root{--night-950:#12142c;--night-900:#171b3d;--night-800:#21254f;--night-700:#2c3163;--paper:#fbf5e9;--paper-dim:#f0e6d2;--ink:#1c1a2e;--ink-soft:#4a4766;--gold:#f3b53f;--gold-soft:#f8d692;--coral:#f2694a;--coral-deep:#d9503a;--sage:#7fb69a;--sage-deep:#5c9a7d;--lavender:#b9a8dd;--font-display:"Marhey", "Tajawal", sans-serif;--font-body:"Tajawal", sans-serif;--radius-card:22px;--radius-pill:999px;--shadow-soft:0 20px 45px -20px #171b3d59;--shadow-deep:0 30px 60px -25px #12142c8c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow-x:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none}img{-webkit-user-drag:none;user-drag:none;max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}.container{width:min(1180px,92%);margin-inline:auto}.eyebrow{font-family:var(--font-body);letter-spacing:.02em;border-radius:var(--radius-pill);align-items:center;gap:8px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.btn{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-size:1rem;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--coral);color:var(--paper);box-shadow:0 14px 30px -10px #f2694a99}.btn-primary:hover{background:var(--coral-deep)}.btn-ghost{color:var(--paper);background:0 0;border:1.5px solid #fbf5e973}.btn-ghost:hover{background:#fbf5e91f}.section-tag{font-family:var(--font-body);color:var(--coral-deep);letter-spacing:.03em;font-size:.85rem;font-weight:800}.site-header{inset-inline:0;z-index:100;padding-block:22px;transition:padding .3s,background .3s,box-shadow .3s;position:fixed;top:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171b3deb;padding-block:12px;box-shadow:0 10px 30px -18px #00000080}.site-header__row{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:var(--gold-soft);font-family:var(--font-display);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:inline-flex}.brand__mark{background:var(--night-950);border-radius:50%;flex-shrink:0;width:34px;height:34px;display:block;overflow:hidden}.brand__mark img{object-fit:cover;width:100%;height:100%}.main-nav{align-items:center;gap:32px;display:flex}.main-nav ul{align-items:center;gap:28px;display:flex}.main-nav a{color:var(--paper);opacity:.88;font-size:.98rem;font-weight:500;transition:opacity .2s}.main-nav a:hover{opacity:1}.main-nav__cta{padding:11px 24px;font-size:.92rem}.nav-toggle{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--paper);border-radius:2px;width:24px;height:2.5px}@media (width<=860px){.nav-toggle{display:flex}.main-nav{inset-inline:0;background:var(--night-950);flex-direction:column;justify-content:center;gap:36px;height:100vh;transition:transform .35s;position:fixed;top:0;transform:translateY(-100%)}.main-nav.is-open{transform:translateY(0)}.main-nav ul{text-align:center;flex-direction:column;gap:26px}.main-nav a{font-size:1.3rem}}.hero{background:radial-gradient(120% 90% at 15% 0%, var(--night-800) 0%, var(--night-900) 45%, var(--night-950) 100%);color:var(--paper);padding-block:170px 120px;position:relative;overflow:hidden}.hero__sky{pointer-events:none;position:absolute;inset:0}.star{color:var(--gold-soft);animation:3.6s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}.hero__moon{background:radial-gradient(circle at 35% 35%, #fff6de, var(--gold-soft) 60%, transparent 75%);border-radius:50%;width:64px;height:64px;position:absolute;top:10%;left:88%;box-shadow:0 0 60px 12px #f3b53f40}.hero__row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:60px;display:flex;position:relative}.hero__content{flex-direction:column;align-items:flex-start;gap:26px;max-width:560px;display:flex}.hero__eyebrow{color:var(--gold-soft);background:#f3b53f24;border:1px solid #f3b53f4d}.hero__title{color:var(--paper);font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:600}.hero__title span{color:var(--coral)}.hero__desc{color:#fbf5e9d1;font-size:1.08rem;line-height:1.9}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hero__shelf{flex:none;align-items:flex-end;gap:-10px;min-width:340px;height:280px;display:flex;position:relative}.book{clip-path:polygon(0% 3%,8% 0%,18% 2.5%,28% 0%,38% 2.5%,48% 0%,58% 2.5%,68% 0%,78% 2.5%,88% 0%,100% 3%,100% 100%,0% 100%);width:152px;height:216px;box-shadow:var(--shadow-deep);border-radius:10px 10px 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:22px;transition:transform .4s;display:flex;position:relative}.hero__shelf:hover .book{transform:translateY(-6px)}.book--left{background:linear-gradient(160deg, var(--coral) 0%, var(--coral-deep) 100%);margin-inline-end:-34px;transform:rotate(-9deg)translate(18px,6px)}.book--right{background:linear-gradient(160deg, var(--sage) 0%, var(--sage-deep) 100%);z-index:0;margin-inline-start:-34px;transform:rotate(9deg)translate(-18px,6px)}.book--center{background:linear-gradient(165deg, var(--gold) 0%, #d99a2b 100%);z-index:2;width:176px;height:244px;padding-bottom:20px}.book__label{color:#1c1a2ebf;margin-bottom:10px;font-size:.85rem;font-weight:700}.book__icon{font-size:1.6rem}.book--photo{background-position:top;background-size:cover;position:relative}.book--photo:before{content:"";opacity:.85;border-radius:inherit;z-index:1;background-image:url(/images/watermark-tile.png);background-size:110px;position:absolute;inset:0}.book--photo:after{content:"";border-radius:inherit;z-index:1;background:linear-gradient(#12142c0d 45%,#12142ce0 100%);position:absolute;inset:0}.book--photo .book__label{z-index:2;color:var(--paper);text-shadow:0 1px 4px #00000080;position:relative}.book__badge{background:var(--night-900);color:var(--gold-soft);border-radius:var(--radius-pill);padding:5px 12px;font-size:.72rem;font-weight:700;position:absolute;top:14px}.book__photo-slot{background:#1c1a2e2e;border:2.5px dashed #1c1a2e73;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin-top:46px;margin-bottom:14px;display:flex}.book__title{font-family:var(--font-display);color:var(--night-900);font-size:1.05rem;font-weight:700}.book__spine{inset-inline-start:10px;background:#1c1a2e2e;border-radius:2px;width:3px;position:absolute;top:8%;bottom:6%}@media (width<=640px){.hero{padding-block:130px 80px}.hero__row{text-align:center;justify-content:center}.hero__content{align-items:center}.hero__actions{justify-content:center}.hero__shelf{min-width:0;transform:scale(.85)}}.trust-bar{background:var(--paper);border-bottom:1px solid #1c1a2e0f;padding-block:26px}.trust-bar__row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.trust-bar__item{color:var(--ink);align-items:center;gap:10px;font-size:.92rem;font-weight:600;line-height:1.5;display:flex}.trust-bar__icon{flex-shrink:0;font-size:1.3rem}@media (width<=980px){.trust-bar__row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.trust-bar__row{grid-template-columns:1fr}}.about{background:var(--paper);padding-block:100px}.about__row{grid-template-columns:.85fr 1.15fr;align-items:start;gap:70px;display:grid}.about__text{flex-direction:column;gap:18px;display:flex;position:sticky;top:120px}.about__title{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:600}.about__desc{color:var(--ink-soft);font-size:1.02rem;line-height:2}.pillars{gap:22px;display:grid}.pillar-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1c1a2e0f;flex-direction:column;gap:10px;padding:30px 32px;transition:transform .3s;display:flex}.pillar-card:hover{transform:translateY(-4px)}.pillar-card__icon{font-size:1.8rem}.pillar-card h3{color:var(--ink);font-size:1.15rem}.pillar-card p{color:var(--ink-soft);font-size:.96rem;line-height:1.8}@media (width<=860px){.about__row{grid-template-columns:1fr;gap:40px}.about__text{position:static}}.products{background:var(--paper-dim);padding-block:100px}.products__head{text-align:center;margin-inline:auto;flex-direction:column;gap:14px;max-width:620px;margin-bottom:56px;display:flex}.products__head h2{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:600}.products__head p{color:var(--ink-soft);font-size:1.02rem}.products__grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.product-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1c1a2e0f;flex-direction:column;gap:10px;padding:28px 24px;transition:transform .3s,box-shadow .3s;display:flex}.product-card:hover{box-shadow:var(--shadow-deep);transform:translateY(-6px)}.product-card__media{aspect-ratio:4/3;background:var(--paper-dim);border-radius:14px;width:100%;position:relative;overflow:hidden}.product-card__media:after{content:"";opacity:.85;pointer-events:none;z-index:2;background-image:url(/images/watermark-tile.png);background-size:130px;position:absolute;inset:0}.product-card__media img{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card__media img{transform:scale(1.06)}.product-card h3{color:var(--ink);font-size:1.05rem;font-weight:700}.product-card p{color:var(--ink-soft);flex-grow:1;font-size:.92rem;line-height:1.7}.product-card__link{color:var(--coral-deep);margin-top:6px;font-size:.9rem;font-weight:700}.product-card__link:hover{text-decoration:underline}@media (width<=980px){.products__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.products__grid{grid-template-columns:1fr}}.styles{background:var(--night-900);color:var(--paper);padding-block:100px}.styles__head{text-align:center;margin-inline:auto;flex-direction:column;gap:14px;max-width:640px;margin-bottom:56px;display:flex}.styles__head .section-tag{color:var(--gold-soft)}.styles__head h2{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:600}.styles__head p{color:#fbf5e9c7;font-size:1.02rem;line-height:1.9}.styles__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.style-card{background:var(--night-800);border-radius:var(--radius-card);border:1px solid #fbf5e914;flex-direction:column;gap:10px;padding:20px;transition:transform .3s;display:flex}.style-card:hover{transform:translateY(-6px)}.style-card__media{aspect-ratio:5/7;border-radius:16px;position:relative;overflow:hidden}.style-card__media:after{content:"";opacity:.85;pointer-events:none;z-index:2;background-image:url(/images/watermark-tile.png);background-size:120px;position:absolute;inset:0}.style-card__media img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.style-card h3{padding-inline:4px;font-size:1.1rem;font-weight:700}.style-card p{color:#fbf5e9b3;flex-grow:1;padding-inline:4px;font-size:.9rem;line-height:1.7}.style-card__link{color:var(--gold-soft);padding-inline:4px;font-size:.9rem;font-weight:700}.style-card__link:hover{text-decoration:underline}@media (width<=860px){.styles__grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto}}.gallery{background:var(--paper);padding-block:100px 110px;overflow:hidden}.gallery__head{text-align:center;margin-inline:auto;flex-direction:column;gap:14px;max-width:620px;margin-bottom:44px;display:flex}.gallery__head h2{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:600}.gallery__head p{color:var(--ink-soft);font-size:1.02rem}.gallery__viewport{direction:ltr;width:100%;overflow:hidden}.gallery__track{gap:20px;width:max-content;padding:6px 0 20px;animation:34s linear infinite gallery-marquee;display:flex}.gallery__viewport:hover .gallery__track{animation-play-state:paused}@keyframes gallery-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery__item{flex-direction:column;flex:none;gap:10px;width:210px;display:flex}.gallery__media{width:100%;height:294px;box-shadow:var(--shadow-soft);background:var(--paper-dim);border-radius:16px;position:relative;overflow:hidden}.gallery__media:after{content:"";opacity:.85;pointer-events:none;z-index:2;background-image:url(/images/watermark-tile.png);background-size:110px;position:absolute;inset:0}.gallery__media img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.gallery__title{text-align:center;color:var(--ink);white-space:nowrap;font-size:.92rem;font-weight:700}@media (width<=700px){.gallery__item{width:160px}.gallery__media{height:224px}.gallery__track{animation-duration:26s}}@media (prefers-reduced-motion:reduce){.gallery__track{animation:none}}.how{background:var(--night-900);color:var(--paper);padding-block:100px}.how__head{text-align:center;margin-inline:auto;flex-direction:column;gap:14px;max-width:600px;margin-bottom:64px;display:flex}.how__head h2{font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:600}.how__steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.how-step{flex-direction:column;gap:12px;padding-inline-end:10px;display:flex;position:relative}.how-step__num{font-family:var(--font-display);color:var(--coral);font-size:2rem;font-weight:700}.how-step h3{font-size:1.1rem;font-weight:700}.how-step p{color:#fbf5e9b8;font-size:.94rem;line-height:1.75}.how-step__line{display:none}@media (width>=861px){.how-step:not(:last-child) .how-step__line{top:20px;background:#fbf5e933;width:20px;height:2px;display:block;position:absolute;inset-inline-start:-10px}}@media (width<=860px){.how__steps{grid-template-columns:1fr;gap:34px}}.order{background:var(--paper);padding-block:100px}.order__row{grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;display:grid}.order__intro{flex-direction:column;gap:16px;display:flex;position:sticky;top:120px}.order__intro h2{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:600}.order__intro p{color:var(--ink-soft);font-size:1.02rem;line-height:1.9}.order__note-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.order__note-list li{color:var(--ink-soft);background:#fff;border:1px solid #1c1a2e12;border-radius:14px;padding:12px 16px;font-size:.9rem}.order__form{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1c1a2e0f;border-radius:28px;padding:40px}.order__grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px;display:grid}.field{color:var(--ink);flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;display:flex}.field--full{grid-column:1/-1}.field input,.field select,.field textarea{font-family:var(--font-body);background:var(--paper-dim);color:var(--ink);border:1.5px solid #1c1a2e1f;border-radius:12px;padding:13px 16px;font-size:.96rem;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--coral);outline:none}.order__submit{width:100%}@media (width<=900px){.order__row{grid-template-columns:1fr;gap:36px}.order__intro{position:static}}@media (width<=560px){.order__grid{grid-template-columns:1fr}.order__form{padding:28px 22px}}.faq{background:var(--paper-dim);padding-block:100px}.faq__head{text-align:center;margin-inline:auto;flex-direction:column;gap:14px;max-width:560px;margin-bottom:48px;display:flex}.faq__head h2{color:var(--ink);font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:600}.faq__list{flex-direction:column;gap:14px;max-width:720px;margin-inline:auto;display:flex}.faq-item{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #1c1a2e12;border-radius:16px;overflow:hidden}.faq-item__question{text-align:right;width:100%;font-family:var(--font-body);color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1rem;font-weight:700;display:flex}.faq-item__icon{background:var(--paper-dim);width:30px;height:30px;color:var(--coral-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.faq-item.is-open .faq-item__icon{background:var(--coral);color:#fff}.faq-item__answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item.is-open .faq-item__answer{grid-template-rows:1fr}.faq-item__answer p{color:var(--ink-soft);padding:0 24px;font-size:.95rem;line-height:1.85;overflow:hidden}.faq-item.is-open .faq-item__answer p{padding:0 24px 22px}.site-footer{background:var(--night-950);color:#fbf5e9bf;padding-top:0}.site-footer__warning{background:linear-gradient(135deg,#f2694a29,#d9503a1a);border-bottom:1px solid #f2694a4d;align-items:flex-start;gap:12px;padding-block:18px;display:flex}.site-footer__warning-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.site-footer__warning p{color:#fbf5e9eb;max-width:900px;font-size:.92rem;line-height:1.8}.site-footer__warning strong{color:var(--gold-soft);font-weight:800}.site-footer__row{border-bottom:1px solid #fbf5e91a;flex-wrap:wrap;justify-content:space-between;gap:40px;padding-top:44px;padding-bottom:40px;display:flex}.site-footer__brand{flex-direction:column;gap:10px;max-width:300px;display:flex}.site-footer__logo{font-family:var(--font-display);color:var(--gold-soft);align-items:center;gap:10px;font-size:1.3rem;font-weight:700;display:inline-flex}.site-footer__logo img{border-radius:50%}.site-footer__brand p{font-size:.9rem;line-height:1.7}.site-footer__nav,.site-footer__social{flex-direction:column;gap:12px;font-size:.94rem;display:flex}.site-footer__nav a:hover,.site-footer__social a:hover{color:var(--paper)}.site-footer__bottom{text-align:center;color:#fbf5e980;padding-block:22px;font-size:.82rem}.wa-widget{z-index:200;flex-direction:column;align-items:flex-start;display:flex;position:fixed;bottom:26px;left:26px}.wa-fab{color:#fff;background:linear-gradient(155deg,#29d06a,#1fa855);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 14px 30px -8px #1fa8558c,0 4px 10px #00000026}.wa-fab:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 18px 36px -8px #1fa855a6,0 6px 14px #0000002e}.wa-fab:hover .wa-fab__tooltip{opacity:1;transform:translate(0)}.wa-fab__ring{border:2px solid #29d06a8c;border-radius:50%;animation:2.4s ease-out infinite wa-pulse;position:absolute;inset:-6px}@keyframes wa-pulse{0%{opacity:.9;transform:scale(.85)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}.wa-fab__tooltip{background:var(--night-950,#12142c);color:#fbf5e9;border-radius:var(--radius-pill,999px);font-family:var(--font-body,"Tajawal", sans-serif);white-space:nowrap;opacity:0;pointer-events:none;padding:8px 16px;font-size:.85rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-8px,-50%);box-shadow:0 8px 20px -8px #0006}.wa-fab__tooltip:after{content:"";border:6px solid #0000;border-right-color:var(--night-950,#12142c);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.wa-bubble{width:270px;box-shadow:var(--shadow-deep,0 20px 45px -15px #00000059);background:#fff;border-radius:18px;margin-bottom:14px;padding:16px 18px 14px;animation:.35s wa-bubble-in;position:relative}@keyframes wa-bubble-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.wa-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:22px}.wa-bubble__close{color:var(--ink-soft,#4a4766);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;position:absolute;top:8px;left:10px}.wa-bubble__row{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.wa-bubble__avatar{background:var(--night-900,#171b3d);border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.wa-bubble__avatar img{object-fit:cover;width:100%;height:100%}.wa-bubble__row strong{color:var(--ink,#1c1a2e);margin-bottom:3px;font-size:.92rem;display:block}.wa-bubble__row p{color:var(--ink-soft,#4a4766);font-size:.85rem;line-height:1.6}.wa-bubble__cta{text-align:center;color:#fff;background:#25d366;border-radius:10px;padding:9px;font-size:.88rem;font-weight:700;transition:background .2s;display:block}.wa-bubble__cta:hover{background:#1fa855}@media (prefers-reduced-motion:reduce){.wa-fab__ring{animation:none;display:none}}@media (width<=640px){.wa-widget{bottom:18px;left:18px}.wa-fab{width:54px;height:54px}.wa-fab__tooltip{display:none}.wa-bubble{width:240px}}