https://www.sealedletter.co/ar/Recent content in مرحباً بك في Sealed Letter on Sealed LetterHugo -- gohugo.ioar© Continuia OÜ 2026. All rights reserved.https://www.sealedletter.co/ar/documentation/introduction/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/introduction/<p class="lead">نظرة عامة على ما هو Sealed Letter، وما صُمم من أجله، وكيف يختلف عن أدوات الاتصال اليومية.</p> <h1 class="relative group">مقدمة: ما هو Sealed Letter <div id="مقدمة-ما-هو-sealed-letter" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%85%d8%a7-%d9%87%d9%88-sealed-letter" aria-label="رابط">#</a> </span> </h1> <p>Sealed Letter هو وسيلة آمنة لتخزين الرسائل أو التعليمات والتحكم في كيفية وصول الأشخاص الموثوق بهم إليها في المستقبل.</p>https://www.sealedletter.co/ar/documentation/core/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/core/<p class="lead">مبادئ التصميم التي تشكل كيفية عمل Sealed Letter ولماذا يتم تقييد ميزات معينة عمدًا.</p> <h1 class="relative group">المبادئ الأساسية والتصميم المقصود <div id="المبادئ-الأساسية-والتصميم-المقصود" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d9%85%d8%a8%d8%a7%d8%af%d8%a6-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d9%82%d8%b5%d9%88%d8%af" aria-label="رابط">#</a> </span> </h1> <p>تم تصميم Sealed Letter عمدًا ليكون هادئًا ومتأنيًا ومنخفض الضوضاء.</p>https://www.sealedletter.co/ar/documentation/concepts/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/concepts/<p class="lead">تعريفات واضحة للمصطلحات الرئيسية المستخدمة في Sealed Letter لضمان الفهم المشترك.</p> <h1 class="relative group">المفاهيم الأساسية والمصطلحات <div id="المفاهيم-الأساسية-والمصطلحات" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d8%a7%d9%84%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d9%85%d8%b5%d8%b7%d9%84%d8%ad%d8%a7%d8%aa" aria-label="رابط">#</a> </span> </h1> <p>يشرح هذا القسم المصطلحات الأساسية المستخدمة في Sealed Letter.</p>https://www.sealedletter.co/ar/documentation/letters/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/letters/<p class="lead">نظرة عامة تفصيلية على دورة حياة الرسالة، من الإنشاء إلى الوصول.</p> <h1 class="relative group">كيف تعمل الرسائل <div id="كيف-تعمل-الرسائل" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d9%83%d9%8a%d9%81-%d8%aa%d8%b9%d9%85%d9%84-%d8%a7%d9%84%d8%b1%d8%b3%d8%a7%d8%a6%d9%84" aria-label="رابط">#</a> </span> </h1> <p>كل رسالة تتبع نفس دورة الحياة عالية المستوى:</p>https://www.sealedletter.co/ar/documentation/delivery/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/delivery/<p class="lead">شرح لخياري التسليم وكيف يختلفان في الأمان والراحة.</p> <h1 class="relative group">طرق التسليم <div id="طرق-التسليم" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%b7%d8%b1%d9%82-%d8%a7%d9%84%d8%aa%d8%b3%d9%84%d9%8a%d9%85" aria-label="رابط">#</a> </span> </h1> <p>يقدم Sealed Letter طريقتين للتسليم. كل منهما يدعم توازنًا مختلفًا بين السرية وسهولة الاستخدام.</p>https://www.sealedletter.co/ar/documentation/security/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/security/<p class="lead">كيف يحمي Sealed Letter محتواك من خلال التشفير وضوابط الوصول وتصميم النظام.</p> <h1 class="relative group">نموذج الأمان وحماية البيانات <div id="نموذج-الأمان-وحماية-البيانات" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d9%86%d9%85%d9%88%d8%b0%d8%ac-%d8%a7%d9%84%d8%a3%d9%85%d8%a7%d9%86-%d9%88%d8%ad%d9%85%d8%a7%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa" aria-label="رابط">#</a> </span> </h1> <p>الأمان هو الأساس في Sealed Letter.</p>https://www.sealedletter.co/ar/documentation/options/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/options/<p class="lead">مقارنة واضحة لمساعدتك في اختيار خيار التسليم الذي يناسب احتياجاتك بشكل أفضل.</p> <h1 class="relative group">أي خيار أكثر أمانًا؟ <div id="أي-خيار-أكثر-أمانا" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a3%d9%8a-%d8%ae%d9%8a%d8%a7%d8%b1-%d8%a3%d9%83%d8%ab%d8%b1-%d8%a3%d9%85%d8%a7%d9%86%d8%a7" aria-label="رابط">#</a> </span> </h1> <p>كلا خياري التسليم آمنان، لكنهما يعطيان الأولوية لنتائج مختلفة.</p>https://www.sealedletter.co/ar/documentation/cooldown/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/cooldown/<p class="lead">لماذا لا يمكن إصدار الرسائل على الفور وكيف تدعم فترة التهدئة الاستخدام المدروس.</p> <h1 class="relative group">شرح فترة التهدئة <div id="شرح-فترة-التهدئة" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%b4%d8%b1%d8%ad-%d9%81%d8%aa%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d9%87%d8%af%d8%a6%d8%a9" aria-label="رابط">#</a> </span> </h1> <p>تتضمن كل رسالة فترة تهدئة قبل أن يمكن إصدارها.</p>https://www.sealedletter.co/ar/documentation/privacy/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/privacy/<p class="lead">كيف يقلل Sealed Letter من متطلبات الثقة ويحمي خصوصيتك.</p> <h1 class="relative group">الخصوصية والوصول والثقة <div id="الخصوصية-والوصول-والثقة" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d8%ae%d8%b5%d9%88%d8%b5%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d9%88%d8%b5%d9%88%d9%84-%d9%88%d8%a7%d9%84%d8%ab%d9%82%d8%a9" aria-label="رابط">#</a> </span> </h1> <p>تم بناء Sealed Letter لتقليل من وما يجب الوثوق به.</p>https://www.sealedletter.co/ar/documentation/account/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/account/<p class="lead">ما يحدث لبياناتك طوال فترة حسابك، بما في ذلك الحذف.</p> <h1 class="relative group">دورة حياة الحساب وحذف البيانات <div id="دورة-حياة-الحساب-وحذف-البيانات" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%af%d9%88%d8%b1%d8%a9-%d8%ad%d9%8a%d8%a7%d8%a9-%d8%a7%d9%84%d8%ad%d8%b3%d8%a7%d8%a8-%d9%88%d8%ad%d8%b0%d9%81-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa" aria-label="رابط">#</a> </span> </h1> <p>تبقى في السيطرة على بياناتك في جميع الأوقات.</p>https://www.sealedletter.co/ar/documentation/subscriptions/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/subscriptions/<p class="lead">كيف تعمل الاشتراكات ومتى تكون — ومتى لا تكون — مطلوبة.</p> <h1 class="relative group">الاشتراكات والمدفوعات <div id="الاشتراكات-والمدفوعات" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d8%a7%d8%b4%d8%aa%d8%b1%d8%a7%d9%83%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d9%85%d8%af%d9%81%d9%88%d8%b9%d8%a7%d8%aa" aria-label="رابط">#</a> </span> </h1> <p>تفتح الاشتراكات ميزات إضافية ولكنها غير مطلوبة للمستلمين.</p>https://www.sealedletter.co/ar/documentation/limitations/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/limitations/<p class="lead">الحدود المهمة التي تحدد ما تم تصميم Sealed Letter للقيام به — وما لا يناسبه.</p> <h1 class="relative group">القيود والاستخدام المسؤول <div id="القيود-والاستخدام-المسؤول" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d9%82%d9%8a%d9%88%d8%af-%d9%88%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d9%85%d8%b3%d8%a4%d9%88%d9%84" aria-label="رابط">#</a> </span> </h1> <p>لم يتم تصميم Sealed Letter لـ:</p>https://www.sealedletter.co/ar/documentation/support/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/documentation/support/<p class="lead">كيفية الحصول على المساعدة وما يمكن للدعم — وما لا يمكنه — المساعدة فيه.</p> <h1 class="relative group">الاتصال والدعم <div id="الاتصال-والدعم" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%d8%a7%d9%84%d8%a7%d8%aa%d8%b5%d8%a7%d9%84-%d9%88%d8%a7%d9%84%d8%af%d8%b9%d9%85" aria-label="رابط">#</a> </span> </h1> <p>الدعم متاح للمساعدة في:</p>https://www.sealedletter.co/ar/lp/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/lp/you-know-where-everything-is/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <style> /* RTL fine-tuning for Arabic */ [dir="rtl"] .ll-hero__eyebrow::before { margin-right: 0; margin-left: 0.55em; } [dir="rtl"] .ll-hero__trust span + span::before { margin: 0 0.55em; } [dir="rtl"] .ll-quote { border-left: 0; border-right: 2px solid var(--ll-accent); border-radius: 0.4rem 0 0 0.4rem; } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.sealedletter.co/cozy-vintage-desk-vignette-1642x958.png" /> <img src="https://www.sealedletter.co/cozy-vintage-desk-vignette-821x479.png" alt="مكتب خشبي قديم دافئ مع مصباح قراءة، دفتر، وفنجان — المكان الذي تجلس فيه لتُرتّب الأمور." loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Sealed Letter</p>https://www.sealedletter.co/ar/lp/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/ar/lp/things-i-want-my-kids-to-know/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <style> /* RTL fine-tuning for Arabic */ [dir="rtl"] .ll-hero__eyebrow::before { margin-right: 0; margin-left: 0.55em; } [dir="rtl"] .ll-hero__trust span + span::before { margin: 0 0.55em; } [dir="rtl"] .ll-quote { border-left: 0; border-right: 2px solid var(--ll-accent); border-radius: 0.4rem 0 0 0.4rem; } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.sealedletter.co/vintage-letter-foutain-pen-scene-1642x958.png" /> <img src="https://www.sealedletter.co/vintage-letter-foutain-pen-scene-821x479.png" alt="رسالة مكتوبة بخطّ اليد وقلم حبر فوق مكتب خشبي قديم دافئ." loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Sealed Letter</p>