:root{--paper: #FBF6EA;--paper-raised: #FFFDF6;--paper-deep: #F1E8D2;--ink: #1F1A12;--ink-soft: #4A4235;--ink-mute: #7A6E58;--line: #E7DBBB;--line-strong: #C9B77C;--brand: #B77A56;--brand-deep: #8E5C40;--brand-tint: #F3E2D2;--accent: var(--brand);--accent-deep: var(--brand-deep);--accent-tint: var(--brand-tint);--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-arabic: "Amiri", "Scheherazade New", "Traditional Arabic", serif;--step-0: clamp(1rem, .94rem + .3vw, 1.125rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.05rem);--step-3: clamp(2rem, 1.55rem + 2.2vw, 3.1rem);--step-4: clamp(2.6rem, 1.8rem + 4vw, 4.6rem);--step-5: clamp(3.4rem, 2rem + 6vw, 6rem);--measure: 60ch;--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(31,26,18,.06), 0 4px 10px -6px rgba(31,26,18,.1);--shadow-md: 0 1px 3px rgba(31,26,18,.08), 0 12px 30px -14px rgba(31,26,18,.22);--shadow-lg: 0 4px 8px rgba(31,26,18,.1), 0 40px 80px -30px rgba(31,26,18,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.08;letter-spacing:-.012em;margin:0 0 .4em}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2);font-weight:600;letter-spacing:-.006em}p{max-width:var(--measure);margin:0 0 1em}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img,svg{max-width:100%;height:auto;display:block}.container{width:min(1180px,92vw);margin-inline:auto}.narrow{width:min(760px,92vw);margin-inline:auto}.stack>*+*{margin-top:var(--gap, 1rem)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 5vw;background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem}.nav a:hover{color:var(--ink)}.nav .brand{font-family:var(--font-display);font-size:var(--step-1);color:var(--ink);font-weight:600;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.55rem}.nav .brand .mark{width:1.6em;height:1.6em;display:inline-block;background:radial-gradient(circle at 60% 40%,var(--brand-tint),var(--brand) 78%);border-radius:50%;box-shadow:inset -3px -4px 8px #0000001a,inset 3px 4px 8px #ffffff59}.nav .links{display:flex;gap:1.25rem;flex-wrap:wrap}.hero{position:relative;overflow:hidden;padding:clamp(3rem,9vw,7rem) 5vw clamp(3rem,8vw,6rem);isolation:isolate}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(60% 60% at 20% 30%,color-mix(in oklab,var(--brand-tint) 90%,transparent) 0%,transparent 60%),radial-gradient(50% 60% at 85% 70%,color-mix(in oklab,#FBE7D3 92%,transparent) 0%,transparent 55%);z-index:-1}.hero .kicker{font-family:var(--font-body);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:1.2rem;display:inline-flex;align-items:center;gap:.6rem}.hero .kicker:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor}.hero h1{max-width:14ch}.hero .lead{font-size:var(--step-2);color:var(--ink-soft);max-width:32ch;margin-top:1.2rem;line-height:1.28;font-family:var(--font-display);font-weight:400}.hero .lead em{font-style:italic;color:var(--brand-deep)}.hero .row{margin-top:2rem;display:flex;gap:.7rem;flex-wrap:wrap}.hero .row a{background:var(--ink);color:var(--paper);padding:.75rem 1.15rem;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;font-size:.95rem;transition:transform .12s ease}.hero .row a:hover{transform:translateY(-1px)}.hero .row a.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.hero .caravan{margin-top:2.5rem;display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;font-size:.9rem;color:var(--ink-mute)}.hero .caravan a{display:inline-flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none}.hero .caravan a:hover{color:var(--ink)}.hero .caravan .dot{width:.8em;height:.8em;border-radius:50%;background:var(--dot, var(--brand));box-shadow:0 0 0 3px color-mix(in oklab,var(--dot, var(--brand)) 22%,transparent)}.footer{border-top:1px solid var(--line);padding:3rem 5vw 4rem;color:var(--ink-soft)}.footer .grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.footer h4{font-size:1rem;color:var(--ink);margin-bottom:.6em}.footer ul{list-style:none;padding:0;margin:0}.footer li+li{margin-top:.35em}.footer li a{color:var(--ink-soft);text-decoration:none}.footer li a:hover{color:var(--ink)}.footer .fine{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--ink-mute);font-size:.85rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.stage canvas{width:100%!important;height:100%!important;display:block}.stage-fade:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklab,var(--paper) 12%,transparent) 0%,color-mix(in oklab,var(--paper) 55%,transparent) 45%,var(--paper) 100%);pointer-events:none}.hero.cinema{padding-block:clamp(4rem,10vw,8rem);min-height:min(88vh,780px);color:#fdf6ec}.hero.cinema:before{background:linear-gradient(180deg,#3b2a44,#9a5748 42%,#e8825e 60%,#f5d9a6 90%);inset:0;z-index:-2}.hero.cinema .stage{z-index:-1}.hero.cinema:after{content:"";position:absolute;inset:0;background:radial-gradient(45% 55% at 22% 40%,rgba(0,0,0,.28),transparent 55%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.2) 100%);z-index:-1;pointer-events:none}.hero.cinema .hero-grid{position:relative;z-index:1;display:grid;gap:3rem;grid-template-columns:1fr;align-items:center}@media (min-width: 900px){.hero.cinema .hero-grid{grid-template-columns:1.15fr 1fr;gap:clamp(2rem,5vw,5rem)}}.hero.cinema .kicker{color:#fdddbb}.hero.cinema h1{color:#fbf6ea;text-shadow:0 2px 20px rgba(0,0,0,.25)}.hero.cinema .lead{color:#fce6c7}.hero.cinema .lead em{color:#ffc28c;font-style:italic}.hero.cinema .row a{background:#fbf6ea;color:#2b1a0f}.hero.cinema .row a.ghost{background:transparent;color:#fdf6ec;border-color:#ffffff80}.hero.cinema .caravan{color:#fff0dcd9}.hero.cinema .caravan a:hover{color:#fff}.hero-char{margin:0;justify-self:center;position:relative;width:clamp(240px,34vw,420px);aspect-ratio:1}.hero-char img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 30px 60px -20px #0000008c,0 0 0 6px #fdf6ea66,inset 0 0 0 1px #ffffff26;animation:float 8s ease-in-out infinite}.hero-char:before{content:"";position:absolute;inset:-22%;background:radial-gradient(50% 50% at 50% 50%,rgba(249,213,124,.35),transparent 70%);z-index:-1}@keyframes float{0%,to{transform:translateY(-.6%)}50%{transform:translateY(.8%)}}.family{padding:clamp(3rem,7vw,5rem) 5vw;background:linear-gradient(180deg,color-mix(in oklab,var(--brand-tint) 60%,var(--paper)) 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}.family-title{text-align:center;font-family:var(--font-display);font-weight:500;font-size:clamp(1.4rem,2vw,1.9rem);color:var(--ink);margin-bottom:2rem}.family-row{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end}.family .face{margin:0;text-align:center}.family .face .frame{width:clamp(120px,14vw,180px);aspect-ratio:1;margin:0 auto .8rem;border-radius:50%;background:var(--paper-raised);box-shadow:var(--shadow-md),inset 0 0 0 2px color-mix(in oklab,var(--brand) 50%,transparent);overflow:hidden;position:relative;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.family .face:hover .frame{transform:translateY(-6px) rotate(-2deg)}.family .face .frame:after{content:"";position:absolute;inset:0;background:radial-gradient(50% 50% at 65% 25%,rgba(255,220,180,.35),transparent 60%);pointer-events:none}.family .face img{width:100%;height:100%;object-fit:cover;display:block}.family .face figcaption{display:block;font-family:var(--font-body);font-size:.9rem;color:var(--ink-soft)}.family .face figcaption b{display:block;font-family:var(--font-display);font-weight:500;color:var(--ink);font-size:1.02rem;margin-bottom:.1em}.section-char{margin:1.6rem 0 0;max-width:260px;aspect-ratio:1;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px -18px #0000004d,inset 0 0 0 1px color-mix(in oklab,var(--accent) 40%,transparent)}.section-char img{width:100%;height:100%;object-fit:cover;display:block}.app.stars-behind{position:relative}.app.stars-behind:before{opacity:.35}.app.stars-behind .stage{opacity:.65}.app.stars-behind .stage-fade:after{background:linear-gradient(180deg,color-mix(in oklab,var(--paper) 55%,transparent) 0%,color-mix(in oklab,var(--paper) 85%,transparent) 45%,var(--paper) 100%)}.app.palms-behind .stage{opacity:.7}.app.palms-behind .stage-fade:after{background:linear-gradient(180deg,color-mix(in oklab,var(--paper) 30%,transparent) 0%,color-mix(in oklab,var(--paper) 78%,transparent) 55%,var(--paper) 100%)}.app{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0;background:var(--paper);color:var(--ink)}.app:before{content:"";position:absolute;inset:0;background:var(--wash, radial-gradient(80% 50% at 20% 20%, color-mix(in oklab, var(--accent-tint) 60%, transparent) 0%, transparent 60%));z-index:0;pointer-events:none}.app>.container{position:relative;z-index:1}.app-cols{display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:1fr;align-items:center}@media (min-width: 900px){.app-cols{grid-template-columns:1.05fr 1fr}.app.mirror .app-cols{grid-template-columns:1fr 1.05fr}.app.mirror .app-cols>.copy{order:2}.app.mirror .app-cols>.phones{order:1}}.app .anchor{scroll-margin-top:90px}.app .tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep, var(--accent));margin-bottom:1rem}.app .tag .swatch{width:.85em;height:.85em;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.app h2{max-width:12ch}.app h2 .ar{display:inline-block;font-family:var(--font-arabic);font-size:.72em;margin-inline-start:.4em;color:var(--accent-deep, var(--accent));vertical-align:-.05em;letter-spacing:0}.app .kicker{font-family:var(--font-body);color:var(--ink-soft);font-size:var(--step-1);line-height:1.35;margin:.6rem 0 1.4rem;max-width:32ch}.app ul.beats{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.7rem}.app ul.beats li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-soft);font-size:1rem}.app ul.beats li:before{content:"";flex:0 0 auto;width:.5em;height:.5em;margin-top:.55em;border-radius:50%;background:var(--accent)}.app .cta{display:inline-flex;gap:.6rem;flex-wrap:wrap}.app .cta a{padding:.65rem 1rem;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;font-size:.9rem;transition:transform .12s ease}.app .cta a:hover{transform:translateY(-1px)}.app .cta a.primary{background:var(--accent);color:var(--paper-raised)}.app .cta a.ghost{background:transparent;color:var(--ink);border:1px solid color-mix(in oklab,var(--ink) 20%,transparent)}.app .cta a[aria-disabled=true]{opacity:.72;cursor:not-allowed;pointer-events:none}.phones{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.phone{--w: 240px;width:var(--w);aspect-ratio:9/19.5;border-radius:40px;background:var(--phone-body, #1B211F);padding:8px;box-shadow:inset 0 0 0 1.5px #ffffff1a,var(--shadow-lg);transform:rotate(var(--rot, -6deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.phone .screen{width:100%;height:100%;border-radius:32px;background:var(--screen, linear-gradient(160deg, var(--accent-tint), var(--paper-raised)));background-size:cover;background-position:center;overflow:hidden;position:relative;isolation:isolate}.phone .notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:82px;height:26px;border-radius:20px;background:#000000d9;z-index:3}.phones .phone.back{--w: 220px;--rot: 8deg;position:absolute;top:4%;right:12%;filter:brightness(.98)}.phones .phone.front{--w: 260px;--rot: -6deg;position:relative;z-index:2;margin-left:-6%}@media (min-width: 900px){.phones .phone.back{--w: 240px}.phones .phone.front{--w: 290px}}.mock{position:absolute;inset:0;padding:44px 20px 20px;display:flex;flex-direction:column;gap:10px;font-family:var(--font-body);color:var(--mock-ink, var(--ink));background:var(--mock-paper, var(--paper-raised));font-size:12px;line-height:1.3}.mock .stat{padding:10px 12px;border-radius:12px;background:var(--mock-card, color-mix(in oklab, var(--accent) 12%, var(--paper-raised)));color:var(--mock-ink, var(--ink));display:flex;justify-content:space-between;align-items:baseline}.mock .stat b{font-family:var(--font-display);font-size:15px;letter-spacing:-.01em}.mock .row{display:flex;justify-content:space-between;gap:6px;font-size:11px;opacity:.75}.mock .arabic{font-family:var(--font-arabic);font-size:22px;line-height:1.7;text-align:right;direction:rtl;color:var(--mock-ink, var(--ink));padding:8px 0}.mock .caption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mock-mute, var(--ink-mute))}.mock .fill{flex:1}.mock .pill{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--paper-raised);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.app .strip{margin-top:clamp(2.5rem,6vw,4rem);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.app .strip .quote{padding:1.1rem 1.2rem;border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);border-radius:var(--radius);background:color-mix(in oklab,var(--paper-raised) 90%,transparent);color:var(--ink-soft);font-size:.95rem}.app .strip .quote b{display:block;color:var(--ink);font-family:var(--font-display);font-size:1.1rem;margin-bottom:.35em;font-weight:600}.app.salah{--accent: #2E6E64;--accent-deep: #1E524B;--accent-tint: #DDE8E3;--paper: #FBF7F0;--paper-raised:#FFFDF9;--ink: #1B211F;--ink-soft: #4A5A55;--wash: radial-gradient(60% 50% at 82% 20%, color-mix(in oklab, #C7DED6 55%, transparent), transparent 60%), radial-gradient(50% 60% at 10% 90%, color-mix(in oklab, #E9EFDD 45%, transparent), transparent 60%)}.app.qaswa{--accent: #6D3BE4;--accent-deep: #4A1FB0;--accent-tint: #EDE4FF;--paper: #FDF6EC;--paper-raised:#FFFFFF;--ink: #231A38;--ink-soft: #5C5270;--wash: radial-gradient(45% 50% at 12% 22%, color-mix(in oklab, #FFE7C4 90%, transparent), transparent 60%), radial-gradient(55% 55% at 88% 28%, color-mix(in oklab, #EDE4FF 90%, transparent), transparent 60%), radial-gradient(50% 60% at 50% 100%, color-mix(in oklab, #FFDBDB 70%, transparent), transparent 65%)}.app.tibyan{--accent: #1F6F5C;--accent-deep: #144E42;--accent-tint: #D6ECE4;--paper: #F5EFE1;--paper-raised:#FBF5E7;--ink: #17211D;--ink-soft: #405048;--wash: radial-gradient(55% 50% at 78% 25%, color-mix(in oklab, #C7E1D5 60%, transparent), transparent 60%), radial-gradient(40% 40% at 20% 85%, color-mix(in oklab, #E8DEBB 65%, transparent), transparent 60%)}.app.adhkar{--accent: #2E6E64;--accent-deep: #1E524B;--accent-tint: #DDE8E3;--paper: #F6EFE1;--paper-raised:#FBF6EA;--ink: #1F1A12;--ink-soft: #4A4235;--wash: radial-gradient(60% 50% at 15% 25%, color-mix(in oklab, #EFE0BF 80%, transparent), transparent 62%), radial-gradient(50% 40% at 82% 78%, color-mix(in oklab, #D9E3D6 55%, transparent), transparent 60%)}.app.salah .phone{--phone-body: #182420}.app.qaswa .phone{--phone-body: #1F1533}.app.tibyan .phone{--phone-body: #101E1A}.app.adhkar .phone{--phone-body: #17130A}.app.qaswa .mock{--mock-paper: #FFF8EE;--mock-ink: #231A38;background:linear-gradient(180deg,#f9dfc4,#fdf6ec 42%)}.app.qaswa .mock .card{background:var(--card-bg, #FCEFD9);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px}.app.qaswa .mock .card .badge{width:26px;height:26px;border-radius:50%;background:var(--badge, #FFB020);flex:0 0 auto;box-shadow:0 0 0 3px #fff9}.app.qaswa .mock .card b{font-family:var(--font-display);font-size:13px}.app.qaswa .mock .card small{display:block;font-size:10px;color:#5c5270;opacity:.8}