.j-root{--bg:#F5F0E2;--card:#FFFFFF;--ink:#131B2A;--muted:#9B8B76;--accent:#C47F2E;--accent-dk:#8F5A18;--accent-2:#E2B783;--mint:#7BA05B;--mint-dk:#5A7A42;--sand:#EBE0C6;--radius:24px;--font-body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--font-serif:"IBM Plex Serif",Georgia,serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}.j-root[data-palette=cool]{--bg:#EEF1F2;--card:#FBFCFD;--ink:#0F1A26;--muted:#8FA0AB;--accent:#3F6E8C;--accent-dk:#284E66;--accent-2:#9FBED2;--mint:#7BA0A5}.j-root[data-palette=dark]{--bg:#1B1A17;--card:#262421;--ink:#F4EFE2;--muted:#857F73;--accent:#E2B783;--accent-dk:#BD792F;--accent-2:#BD792F;--mint:#9CB57E}.j-root[data-font=rubik]{--font-body:"Rubik","IBM Plex Sans Arabic",system-ui,sans-serif}.j-root[data-font=readex]{--font-body:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif}.j-root[data-font=tajawal]{--font-body:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif}.j-root,.j-root *{box-sizing:border-box}.j-root{position:absolute;inset:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.j-fullscreen{position:fixed;inset:0;z-index:0}.j-app,.j-fullscreen .j-root{position:absolute}.j-app{inset:0;display:flex;flex-direction:column;touch-action:pan-y;overscroll-behavior:contain}.j-topbar{display:flex;align-items:center;gap:12px;padding:16px 20px 12px;position:relative;z-index:4}.j-back{width:40px;height:40px;border:solid rgba(19,27,42,.1);border-width:2px 2px 3px;background:var(--card);border-radius:12px;display:grid;place-items:center;font-size:18px;color:var(--ink);opacity:.65;cursor:pointer;transition:opacity .15s,transform .1s,border-bottom-width .1s;flex-shrink:0}.j-back:hover:not(:disabled){opacity:1}.j-back:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.j-back:disabled{opacity:.2;cursor:not-allowed}.j-exit{width:40px;height:40px;border:solid rgba(19,27,42,.1);border-width:2px 2px 3px;background:var(--card);border-radius:12px;display:grid;place-items:center;font-size:15px;color:var(--muted);text-decoration:none;flex-shrink:0;transition:color .15s,border-color .15s,transform .1s,border-bottom-width .1s}.j-exit:hover{color:var(--ink);border-color:rgba(19,27,42,.22)}.j-exit:active{transform:translateY(2px);border-bottom-width:1px}.j-progress-wrap{flex:1;min-width:0}.j-progress-segs{display:flex;gap:5px;align-items:center}.j-seg{flex:1;height:10px;background:rgba(19,27,42,.1);border-radius:999px;overflow:hidden}.j-seg-active{background:rgba(196,127,46,.18)}.j-seg-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s cubic-bezier(.4,1.2,.4,1)}.j-progress-thin .j-seg{height:5px;border-radius:0;background:rgba(19,27,42,.08)}.j-progress-thin .j-progress-segs{gap:0}.j-progress-dots .j-progress-segs{gap:8px;justify-content:center}.j-progress-dots .j-seg{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.j-progress-dots .j-seg-active{width:24px;border-radius:999px}.j-stage{flex:1;position:relative;display:grid;place-items:center;padding:8px 20px 6px;overflow:hidden}.j-card-shell{position:absolute;width:min(540px,calc(100% - 40px));max-height:calc(100% - 14px);display:flex}.j-card{width:100%;background:var(--card);border-radius:var(--radius);border:2px solid rgba(19,27,42,.08);box-shadow:0 5px 0 rgba(19,27,42,.1),0 2px 20px rgba(19,27,42,.05);padding:40px 28px 28px;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:thin;scrollbar-color:rgba(19,27,42,.1) transparent}.j-card::-webkit-scrollbar{width:6px}.j-card::-webkit-scrollbar-thumb{background:rgba(19,27,42,.1);border-radius:999px}@media (min-width:700px){.j-card{padding:52px 44px 36px}.j-card-shell{width:min(600px,calc(100% - 40px))}}@keyframes j-slide-in-fwd{0%{opacity:0;transform:translateX(var(--enter-from))}to{opacity:1;transform:translateX(0)}}@keyframes j-slide-out-fwd{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--exit-to))}}@keyframes j-slide-in-back{0%{opacity:0;transform:translateX(var(--exit-to))}to{opacity:1;transform:translateX(0)}}@keyframes j-slide-out-back{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--enter-from))}}.j-root[dir=ltr] .j-stage{--enter-from:30px;--exit-to:-30px}.j-root[dir=rtl] .j-stage{--enter-from:-30px;--exit-to:30px}.j-trans-slide .j-stage[data-dir=fwd] .j-card-in{animation:j-slide-in-fwd .48s cubic-bezier(.2,.8,.2,1) both}.j-trans-slide .j-stage[data-dir=fwd] .j-card-out{animation:j-slide-out-fwd .48s cubic-bezier(.4,0,.5,1) both}.j-trans-slide .j-stage[data-dir=back] .j-card-in{animation:j-slide-in-back .48s cubic-bezier(.2,.8,.2,1) both}.j-trans-slide .j-stage[data-dir=back] .j-card-out{animation:j-slide-out-back .48s cubic-bezier(.4,0,.5,1) both}@keyframes j-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes j-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.j-trans-fade .j-card-in{animation:j-fade-in .36s cubic-bezier(.2,.8,.2,1) both}.j-trans-fade .j-card-out{animation:j-fade-out .3s ease both}@keyframes j-stack-in{0%{opacity:0;transform:translateY(44px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes j-stack-out{0%{opacity:1}to{opacity:0;transform:translateY(-28px) scale(.95)}}.j-trans-stack .j-card-in{animation:j-stack-in .52s cubic-bezier(.2,.8,.2,1) both}.j-trans-stack .j-card-out{animation:j-stack-out .4s ease both}.j-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-weight:700}.j-title-xl{font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.02em}.j-title-lg,.j-title-xl{margin:0 0 16px;color:var(--ink);text-wrap:pretty}.j-title-lg{font-size:clamp(20px,4vw,26px);font-weight:700;line-height:1.2;letter-spacing:-.01em}.j-body-lg{font-size:clamp(15px,2.2vw,17px);line-height:1.78;margin:0 0 24px;color:rgba(19,27,42,.7);text-wrap:pretty}.j-body-md{font-size:14px;line-height:1.7;margin:0 0 20px;color:rgba(19,27,42,.65);text-wrap:pretty}.j-root[data-palette=dark] .j-body-lg,.j-root[data-palette=dark] .j-body-md{color:rgba(244,239,226,.78)}.j-cta-stack{display:flex;flex-direction:column;gap:10px;margin-top:8px}.j-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;padding:14px 24px;border-radius:calc(var(--radius) * .65);font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:none;position:relative;user-select:none;text-align:center;line-height:1.3;transition:transform .1s cubic-bezier(.3,.7,.4,1),border-bottom-width .1s;border-style:solid;border-width:2px}.j-btn:active{transform:translateY(3px)}.j-btn-primary{background:var(--ink);color:var(--card);border-color:transparent transparent rgba(0,0,0,.35);border-bottom-width:5px}.j-btn-primary:hover{filter:brightness(1.15)}.j-btn-primary:active{border-bottom-width:2px}.j-btn-secondary{background:var(--card);color:var(--ink);border-bottom-width:5px;border-color:rgba(19,27,42,.14) rgba(19,27,42,.14) rgba(19,27,42,.18)}.j-btn-secondary:hover{background:rgba(19,27,42,.03)}.j-btn-secondary:active{border-bottom-width:2px}.j-btn-ghost{background:transparent;color:var(--muted);border:none;font-weight:600;min-height:44px;text-transform:none;letter-spacing:0;font-size:14px}.j-btn-ghost:hover{color:var(--ink)}.j-btn-ghost:active{transform:none}.j-choice-stack{display:flex;flex-direction:column;gap:10px;margin-top:10px}.j-choice{appearance:none;display:flex;align-items:center;gap:16px;width:100%;min-height:64px;padding:14px 20px;border-radius:calc(var(--radius) * .6);background:var(--card);border:2px solid rgba(19,27,42,.12);border-bottom:5px solid rgba(19,27,42,.14);color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:start;transition:border-color .15s,transform .1s,background .15s}.j-choice:hover{border-color:var(--accent);border-bottom-color:var(--accent-dk);background:rgba(196,127,46,.04)}.j-choice:active{transform:translateY(3px);border-bottom-width:2px}.j-choice-num{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.05em;flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(19,27,42,.07)}.j-choice-label{flex:1;line-height:1.4}.j-choice-arrow{font-size:16px;color:var(--muted);opacity:0;transition:opacity .2s,color .2s}.j-choice:hover .j-choice-arrow{opacity:1;color:var(--accent)}.j-choice-muted{border-style:dashed;color:var(--muted);font-weight:500;font-size:14px}.j-microcopy{font-size:clamp(18px,3vw,22px);font-weight:600;line-height:1.55;color:var(--ink);padding:24px 20px;border-inline-start:4px solid var(--accent);background:rgba(226,183,131,.12);border-radius:calc(var(--radius) * .5);margin:0 0 24px;text-wrap:pretty;position:relative}.j-microcopy:before{content:'"';font-family:var(--font-serif);font-size:56px;position:absolute;top:-6px;inset-inline-end:14px;color:var(--accent);opacity:.2;line-height:1}.j-mascot{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.j-mascot-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 8px 18px rgba(196,127,46,.35));animation:j-mascot-bob 4s ease-in-out infinite}.j-mascot-sm .j-mascot-emoji{font-size:44px}.j-mascot-lg .j-mascot-emoji{font-size:80px}@keyframes j-mascot-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.j-screen-badge{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:12px}.j-badge-medal{position:relative;width:160px;height:160px;display:grid;place-items:center;margin-bottom:24px}.j-badge-ring,.j-badge-ring-2{position:absolute;inset:0;border-radius:50%;border:3px solid var(--accent);opacity:.3;animation:j-badge-pulse 2.4s ease-out infinite}.j-badge-ring-2{animation-delay:1.2s}@keyframes j-badge-pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.38);opacity:0}}.j-badge-core{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent));display:grid;place-items:center;box-shadow:0 6px 0 var(--accent-dk),0 0 0 6px rgba(255,255,255,.75),0 0 0 8px rgba(196,127,46,.2);animation:j-badge-pop .65s cubic-bezier(.2,1.4,.4,1) both;font-size:64px}@keyframes j-badge-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.j-badge-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-weight:700}.j-badge-title{font-size:clamp(22px,4vw,28px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0 0 28px;max-width:420px;text-wrap:pretty}.j-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.j-confetti span{position:absolute;top:-20px;display:block;animation:j-confetti-fall cubic-bezier(.2,.6,.4,1) forwards}@keyframes j-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(120vh) rotate(2turn);opacity:0}}.j-project-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:16px;width:fit-content}.j-tag-lemon{background:rgba(226,183,131,.28);color:var(--accent)}.j-tag-mint{background:rgba(123,160,91,.18);color:#4A6A2F}.j-tag-sand{background:rgba(165,148,124,.2);color:var(--muted)}.j-tag-ink{background:rgba(19,27,42,.07);color:var(--ink)}.j-project-frame{height:180px;border-radius:calc(var(--radius) * .6);background:var(--bg);border:2px solid rgba(19,27,42,.09);box-shadow:0 3px 0 rgba(19,27,42,.07);display:grid;place-items:center;margin:8px 0 20px;position:relative;overflow:hidden}.j-project-frame img{width:100%;height:100%;display:block;object-fit:cover}.j-project-stripes{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(19,27,42,.022) 12px 24px)}.j-project-label{position:relative;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);background:var(--card);padding:4px 10px;border-radius:6px;border:1px solid rgba(19,27,42,.08)}.j-screen-final{text-align:center;display:flex;flex-direction:column;align-items:center}.j-screen-final .j-cta-stack{width:100%;max-width:360px;margin:0 auto}.j-screen-final .j-body-lg{max-width:420px}.j-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center}.j-social-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;font-weight:700;color:var(--muted);text-decoration:none;padding:7px 16px;border-radius:999px;border:solid rgba(19,27,42,.12);border-width:2px 2px 4px;background:var(--card);transition:border-color .15s,color .15s,transform .1s,border-bottom-width .1s}.j-social-pill:hover{color:var(--accent);border-color:var(--accent)}.j-social-pill:active{transform:translateY(3px);border-bottom-width:1px}.j-smalltext{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--muted);text-align:center;margin-top:24px;font-style:italic;line-height:1.6}.j-skip-row{text-align:center;padding:8px 0 16px;position:relative;z-index:3}.j-skip{appearance:none;background:none;border:none;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--muted);text-decoration:underline;text-decoration-color:rgba(155,139,118,.4);text-underline-offset:4px;cursor:pointer;padding:6px 14px;transition:color .15s}.j-skip:hover{color:var(--ink)}.j-lang-gate{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg)}.j-lang-card{width:100%;max-width:480px;background:var(--card);border-radius:var(--radius);border:2px solid rgba(19,27,42,.08);box-shadow:0 6px 0 rgba(19,27,42,.1),0 2px 28px rgba(19,27,42,.06);padding:56px 36px 40px;text-align:center;animation:j-stack-in .6s cubic-bezier(.2,.8,.2,1) both}.j-lang-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:16px 0;font-weight:700}.j-lang-h1{font-size:clamp(36px,7vw,52px);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0 0 14px}.j-lang-sub{font-size:14px;color:var(--muted);margin:0 0 28px}.j-lang-buttons{display:grid;gap:10px}.j-links-backdrop{position:absolute;inset:0;z-index:100;background:rgba(19,27,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:j-backdrop-in .22s ease both}@keyframes j-backdrop-in{0%{opacity:0}to{opacity:1}}.j-links-sheet{width:100%;max-width:560px;background:var(--card);border-radius:var(--radius) var(--radius) 0 0;border:2px solid rgba(19,27,42,.07);border-bottom:none;box-shadow:0 -8px 32px rgba(19,27,42,.16);padding:12px 24px 32px;animation:j-sheet-up .38s cubic-bezier(.2,.8,.2,1) both;max-height:88vh;overflow-y:auto;overscroll-behavior:contain}@keyframes j-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.j-links-handle{width:40px;height:5px;background:rgba(19,27,42,.14);border-radius:999px;margin:0 auto 20px}.j-links-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.j-links-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}.j-links-close{appearance:none;border:solid rgba(19,27,42,.1);border-width:2px 2px 3px;background:rgba(19,27,42,.04);color:var(--ink);border-radius:50%;width:32px;height:32px;font-size:14px;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .1s,border-bottom-width .1s}.j-links-close:active{transform:translateY(2px);border-bottom-width:1px}.j-links-list{display:flex;flex-direction:column;gap:8px}.j-link-item{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:14px 18px;border-radius:calc(var(--radius) * .55);border:solid rgba(19,27,42,.09);border-width:2px 2px 4px;background:var(--bg);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .1s,background .15s,border-bottom-width .1s}.j-link-item:hover{border-color:var(--accent);border-bottom-color:var(--accent-dk);background:rgba(196,127,46,.04)}.j-link-item:active{transform:translateY(3px);border-bottom-width:1px}.j-link-icon{width:40px;height:40px;border-radius:12px;background:rgba(19,27,42,.06);display:grid;place-items:center;font-size:18px}.j-link-text{min-width:0;display:flex;flex-direction:column;gap:3px}.j-link-label{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}.j-link-url{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}.j-link-arrow{font-size:15px;color:var(--muted);opacity:0;transition:opacity .15s}.j-link-item:hover .j-link-arrow{opacity:1;color:var(--accent)}.j-root[dir=rtl] .j-link-item{direction:rtl}.j-root[dir=rtl] .j-link-arrow{transform:scaleX(-1)}.story-modal{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:story-modal-bg-in .25s ease both}@keyframes story-modal-bg-in{0%{opacity:0}to{opacity:1}}.story-modal-frame{position:absolute;inset:0;animation:story-modal-slide-in .32s cubic-bezier(.2,.8,.2,1) both}@keyframes story-modal-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.story-modal--closing{animation:story-modal-bg-out .3s ease forwards}.story-modal-frame--closing{animation:story-modal-slide-out .3s cubic-bezier(.4,0,1,1) forwards}@keyframes story-modal-bg-out{0%{opacity:1;backdrop-filter:blur(2px)}to{opacity:0;backdrop-filter:blur(0)}}@keyframes story-modal-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.j-story-loading{position:absolute;inset:0;display:grid;place-items:center;min-height:100dvh;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.92),rgba(255,255,255,.74) 34%,rgba(250,250,248,.96) 70%),#fafaf8;color:#131b2a}.j-story-loading-card{width:min(320px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 24px;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(19,27,42,.08);box-shadow:0 24px 80px rgba(19,27,42,.12),0 2px 10px rgba(19,27,42,.06);text-align:center}.j-story-loading-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 0deg,#f97316,#a855f7,#ec4899,#f97316);animation:j-story-loading-spin 1.4s linear infinite}.j-story-loading-mark span{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:28px;animation:j-story-loading-spin 1.4s linear infinite reverse}.j-story-loading-title{max-width:240px;font-size:18px;font-weight:800;line-height:1.25;color:#131b2a}.j-story-loading-copy{font-size:13px;font-weight:650;color:rgba(19,27,42,.58)}.j-story-loading-dots{display:flex;gap:6px;margin-top:4px}.j-story-loading-dots span{width:7px;height:7px;border-radius:50%;background:#f97316;animation:j-story-loading-dot 1s ease-in-out infinite}.j-story-loading-dots span:nth-child(2){animation-delay:.14s}.j-story-loading-dots span:nth-child(3){animation-delay:.28s}@keyframes j-story-loading-spin{to{transform:rotate(1turn)}}@keyframes j-story-loading-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.j-story-loading-dots span,.j-story-loading-mark,.j-story-loading-mark span{animation:none}}@media (max-width:480px){.j-topbar{padding:12px 14px 8px}.j-stage{padding:4px 14px}.j-card{padding:28px 20px 22px}.j-links-sheet{padding:10px 16px 28px}}