:root{--ink-void: #05070d;--ink-deep: #080b14;--ink-surface: #0d1220;--ink-raised: #121a2c;--ink-line: #1c2740;--ink-line-soft: #141c2e;--fg: #eef2f9;--fg-body: #c3ccdd;--fg-muted: #8b96ad;--fg-faint: #5f6a80;--pulse: #4b7bff;--pulse-lift: #7ea6ff;--pulse-deep: #2547b8;--pulse-glow: rgba(75, 123, 255, .35);--pulse-wash: rgba(75, 123, 255, .08);--live: #3ddc97;--wait: #f0a93b;--face-display: "Bricolage Grotesque", "Tajawal", ui-sans-serif, system-ui, sans-serif;--face-body: "Archivo", "Tajawal", ui-sans-serif, system-ui, sans-serif;--step-hero: clamp(2.15rem, 1.3rem + 2.5vw, 3.5rem);--step-title: clamp(1.75rem, 1.1rem + 2.2vw, 2.6rem);--step-lead: clamp(1.125rem, 1rem + .6vw, 1.4rem);--step-body: clamp(1rem, .96rem + .2vw, 1.125rem);--step-small: .875rem;--step-micro: .78rem;--gap-1: .5rem;--gap-2: .875rem;--gap-3: 1.5rem;--gap-4: 2.5rem;--gap-5: 4rem;--gap-6: 7rem;--gap-7: clamp(7rem, 4rem + 12vw, 13rem);--shell: 1180px;--shell-narrow: 760px;--radius: 18px;--radius-sm: 11px;--lift-1: 0 2px 6px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .35);--lift-2: 0 6px 18px rgba(0, 0, 0, .55), 0 32px 72px rgba(0, 0, 0, .45);--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--beat: .48s;--beat-fast: .22s}:root[data-lang=ar]{--face-display: "Tajawal", ui-sans-serif, system-ui, sans-serif;--face-body: "Tajawal", ui-sans-serif, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background:var(--ink-void);color:var(--fg-body);font-family:var(--face-body);font-size:var(--step-body);line-height:1.65;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}:root[data-lang=ar] body{line-height:1.85}h1,h2,h3{font-family:var(--face-display);color:var(--fg);font-weight:800;letter-spacing:-.04em;line-height:1.02;text-wrap:balance;margin:0}:root[data-lang=ar] h1,:root[data-lang=ar] h2,:root[data-lang=ar] h3{letter-spacing:0;line-height:1.28}p{margin:0}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--pulse) 55%,transparent);text-underline-offset:.28em}img,svg,canvas{display:block;max-width:100%}::selection{background:color-mix(in srgb,var(--pulse) 40%,transparent);color:#fff}:focus-visible{outline:2px solid var(--pulse-lift);outline-offset:3px;border-radius:4px}input,select,textarea,button{caret-color:var(--pulse-lift);font:inherit}html{scrollbar-color:var(--ink-line) var(--ink-void);scrollbar-width:thin}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--ink-void)}::-webkit-scrollbar-thumb{background:var(--ink-line);border:3px solid var(--ink-void);border-radius:99px}.skip{position:fixed;inset-block-start:var(--gap-3);inset-inline-start:var(--gap-3);z-index:60;padding:.75rem 1.25rem;background:var(--pulse);color:#fff;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus-visible{width:auto;height:auto;overflow:visible;clip-path:none}#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 1.4s var(--ease-soft)}#field.lit{opacity:1}.field-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,transparent 38%,rgba(5,7,13,.6) 100%),radial-gradient(70% 46% at 74% 40%,rgba(75,123,255,.13),transparent 72%),radial-gradient(60% 40% at 22% 76%,rgba(37,71,184,.1),transparent 70%),linear-gradient(to bottom,#05070d52,#05070d33 24% 76%,#05070dcc)}@media(max-width:999px){.field-veil{background:radial-gradient(120% 70% at 50% 0%,transparent 30%,rgba(5,7,13,.6) 100%),linear-gradient(to bottom,#05070d59,#05070d80 30% 70%,#05070dcc)}}main,.nav,.foot{position:relative;z-index:2}.btn{--btn-bg: transparent;--btn-fg: var(--fg);display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.7rem 1.35rem;border:1px solid transparent;border-radius:99px;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--face-body);font-weight:600;font-size:var(--step-small);line-height:1.2;text-decoration:none;cursor:pointer;transition:background var(--beat-fast) var(--ease-soft),border-color var(--beat-fast) var(--ease-soft),color var(--beat-fast) var(--ease-soft),transform var(--beat-fast) var(--ease-soft),box-shadow var(--beat-fast) var(--ease-soft)}.btn-lg{padding:.95rem 1.9rem;font-size:1rem}.btn-block{width:100%}.btn-primary{--btn-bg: var(--pulse);--btn-fg: #fff;box-shadow:0 2px 6px #0006,0 14px 34px var(--pulse-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{border-color:var(--ink-line);color:var(--fg);background:color-mix(in srgb,var(--ink-surface) 70%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:hover)and (pointer:fine){a:hover{text-decoration-color:var(--pulse-lift)}::-webkit-scrollbar-thumb:hover{background:var(--pulse-deep)}.btn-primary:hover{--btn-bg: var(--pulse-lift);--btn-fg: #04070f;transform:translateY(-2px);box-shadow:0 4px 10px #00000073,0 20px 48px var(--pulse-glow)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--pulse) 60%,transparent);color:var(--pulse-lift);transform:translateY(-2px)}}@media(hover:none){.btn:active,.mirror-cta:active,.lang:active,.nav-toggle:active{transform:scale(.97)}.nav-links a:active,.foot-links a:active,.direct a:active{color:var(--pulse-lift)}}.wrap{width:min(100% - 2.5rem,var(--shell));margin-inline:auto}.wrap.narrow{width:min(100% - 2.5rem,var(--shell-narrow))}.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:40;display:flex;align-items:center;gap:var(--gap-3);padding:1rem clamp(1.25rem,4vw,2.5rem);padding-block-start:max(1rem,env(safe-area-inset-top));padding-inline-start:max(clamp(1.25rem,4vw,2.5rem),env(safe-area-inset-left));padding-inline-end:max(clamp(1.25rem,4vw,2.5rem),env(safe-area-inset-right));transition:border-color var(--beat) var(--ease-soft);border-block-end:1px solid transparent}.nav.settled{background:var(--ink-void);border-block-end-color:var(--ink-line-soft)}.brand{display:inline-flex;align-items:center;min-height:44px;min-width:44px;gap:.6rem;color:var(--fg);text-decoration:none;font-family:var(--face-display);font-weight:800;letter-spacing:-.03em;font-size:1.05rem}:root[data-lang=ar] .brand{letter-spacing:0}.brand-name{white-space:nowrap}.brand{flex:none}.brand-mark{width:28px;height:28px;color:var(--fg);flex:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.nav-links{position:absolute;inset-inline:0;inset-block-start:100%;display:flex;flex-direction:column;padding:.25rem clamp(1.25rem,4vw,2.5rem) 1rem;padding-inline-start:max(clamp(1.25rem,4vw,2.5rem),env(safe-area-inset-left));padding-inline-end:max(clamp(1.25rem,4vw,2.5rem),env(safe-area-inset-right));background:color-mix(in srgb,var(--ink-void) 94%,transparent);backdrop-filter:blur(18px);border-block-end:1px solid var(--ink-line-soft);box-shadow:var(--lift-2);font-size:var(--step-body);visibility:hidden;opacity:0;transform:translateY(-.6rem);transition:opacity var(--beat) var(--ease),transform var(--beat) var(--ease),visibility 0s linear var(--beat)}.nav.open .nav-links{visibility:visible;opacity:1;transform:none;transition-delay:0s}.nav-links a{color:var(--fg-body);text-decoration:none;padding-block:.85rem;border-block-end:1px solid var(--ink-line-soft);transition:color var(--beat-fast) var(--ease-soft)}.nav-links a:last-child{border-block-end:0}.nav-links a.here{color:var(--pulse-lift)}.nav-toggle{margin-inline-start:auto;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ink-line);border-radius:12px;background:transparent;color:var(--fg);cursor:pointer}.nav-toggle-box{display:block;width:17px;height:11px;position:relative}.nav-toggle-box i{position:absolute;inset-inline:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform var(--beat) var(--ease)}.nav-toggle-box i:first-child{inset-block-start:0;transform-origin:center}.nav-toggle-box i:last-child{inset-block-end:0;transform-origin:center}.nav.open .nav-toggle-box i:first-child{transform:translateY(4.75px) rotate(45deg)}.nav.open .nav-toggle-box i:last-child{transform:translateY(-4.75px) rotate(-45deg)}.nav.open .nav-toggle{border-color:color-mix(in srgb,var(--pulse) 55%,transparent)}.nav-actions{display:flex;align-items:center;gap:var(--gap-2);margin-inline-start:auto}.nav-links+.nav-actions{margin-inline-start:0}.lang{min-height:44px;padding:.5rem .9rem;border:1px solid var(--ink-line);border-radius:99px;background:transparent;color:var(--fg-muted);font-size:var(--step-small);font-weight:500;cursor:pointer;transition:color var(--beat-fast) var(--ease-soft),border-color var(--beat-fast) var(--ease-soft)}@media(min-width:900px){.nav-toggle{display:none}.nav-links{position:static;flex-direction:row;gap:var(--gap-3);margin-inline:auto;padding:0;background:none;backdrop-filter:none;border:0;box-shadow:none;font-size:var(--step-small);visibility:visible;opacity:1;transform:none;transition:none}.nav-links a{color:var(--fg-muted);padding-block:0;border-block-end:0}.nav-links a.here{color:var(--fg)}}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:8rem 5rem}.hero-grid{display:grid;gap:var(--gap-4);grid-template-columns:1fr;align-items:center}@media(min-width:1000px){.hero-grid{grid-template-columns:minmax(0,27rem) minmax(0,1fr);gap:var(--gap-5)}}.hero-app{position:relative}@media(max-width:999px){.hero-app{display:none}}.hero-title{font-size:var(--step-hero);max-width:18ch}.hero-title em{font-style:normal;color:var(--fg-muted)}.hero-sub{margin-block-start:var(--gap-3);max-width:54ch;font-size:var(--step-lead);color:var(--fg-body)}.hero-actions{margin-block-start:var(--gap-4);display:flex;flex-wrap:wrap;gap:var(--gap-2)}.hero-origin{margin-block-start:var(--gap-4);display:inline-flex;align-items:center;gap:.65rem;font-size:var(--step-small);color:var(--fg-muted)}.origin-dot{width:7px;height:7px;border-radius:99px;background:var(--live);box-shadow:0 0 color-mix(in srgb,var(--live) 70%,transparent);animation:beat 2.6s var(--ease-soft) infinite;flex:none}@keyframes beat{0%,70%,to{box-shadow:0 0 color-mix(in srgb,var(--live) 55%,transparent)}35%{box-shadow:0 0 0 7px transparent}}.scroll-cue{position:absolute;inset-block-end:2rem;inset-inline:0;margin-inline:auto;width:max-content;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:var(--step-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint)}:root[data-lang=ar] .scroll-cue{letter-spacing:0;text-transform:none}.scroll-cue span{white-space:nowrap}.scroll-cue i{width:1px;height:42px;background:linear-gradient(to bottom,var(--pulse-lift),transparent);animation:fall 2.2s var(--ease-soft) infinite;transform-origin:top}@keyframes fall{0%{scale:1 0;opacity:0}35%{scale:1 1;opacity:1}to{scale:1 1;opacity:0;translate:0 20px}}.act{padding-block:var(--gap-6)}.act-title{font-size:var(--step-title);max-width:20ch}.act-title.center{max-width:22ch;margin-inline:auto;text-align:center}.act-body{margin-block-start:var(--gap-3);max-width:68ch;font-size:var(--step-lead)}.act-body.strong{color:var(--fg)}.act-lede{margin-block-start:var(--gap-2);margin-inline:auto;max-width:56ch;text-align:center;color:var(--fg-muted)}.bento{margin-block-start:var(--gap-5);display:grid;gap:var(--gap-2);grid-template-columns:1fr}@media(min-width:760px){.bento{grid-template-columns:repeat(3,1fr)}.cell-lead{grid-column:span 2;grid-row:span 2}.cell-wide{grid-column:span 2}}.cell{padding:clamp(1.4rem,2.4vw,2.1rem);border:1px solid var(--ink-line-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--ink-surface) 82%,transparent);display:flex;flex-direction:column;gap:.7rem;transition:border-color var(--beat) var(--ease-soft),background var(--beat) var(--ease-soft)}.cell h3{font-size:1.22rem;letter-spacing:-.03em}:root[data-lang=ar] .cell h3{letter-spacing:0}.cell p{color:var(--fg-muted);font-size:var(--step-small);line-height:1.7}.cell-icon{width:26px;height:26px;color:var(--pulse-lift)}.cell-lead{justify-content:space-between}.cell-lead h3{font-size:clamp(1.4rem,1rem + 1.3vw,2rem)}.cell-lead p{font-size:var(--step-body);max-width:46ch}.cell-art{margin-block-start:var(--gap-3);padding:1rem;border:1px solid var(--ink-line-soft);border-radius:var(--radius-sm);background:var(--ink-deep);display:flex;flex-direction:column;gap:.7rem}.art-row{display:flex;align-items:center;gap:.7rem}.tick{width:15px;height:15px;flex:none;border:1.5px solid var(--ink-line);border-radius:5px}.tick.is-done{border-color:var(--live);background:color-mix(in srgb,var(--live) 22%,transparent)}.bar{height:7px;border-radius:99px;background:var(--ink-line)}.w70{width:70%}.w61{width:61%}.w52{width:52%}.tag{margin-inline-start:auto;padding:.2rem .6rem;border-radius:99px;font-size:var(--step-micro);font-weight:600;white-space:nowrap}.tag-done{background:color-mix(in srgb,var(--live) 16%,transparent);color:var(--live)}.tag-live{background:var(--pulse-wash);color:var(--pulse-lift)}.tag-wait{background:color-mix(in srgb,var(--wait) 15%,transparent);color:var(--wait)}.art-people{display:flex;align-items:center;gap:.4rem;font-size:var(--step-micro);color:var(--fg-faint);padding-block-start:.6rem;border-block-start:1px solid var(--ink-line-soft)}.art-people i{width:19px;height:19px;border-radius:99px;background:var(--ink-raised);border:1px solid var(--ink-line);margin-inline-end:-8px}.art-people i:nth-child(2){background:var(--pulse-deep)}.art-people span{margin-inline-start:1rem}.mirror-cta{margin-block-start:var(--gap-4);display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.5rem;border:1px solid color-mix(in srgb,var(--pulse) 45%,transparent);border-radius:99px;background:var(--pulse-wash);color:var(--fg);font-weight:600;font-size:var(--step-small);cursor:pointer;transition:background var(--beat-fast) var(--ease-soft),border-color var(--beat-fast) var(--ease-soft)}.mirror-cta svg{width:20px;height:20px;color:var(--pulse-lift)}.path{position:relative;margin-block-start:var(--gap-5);padding-block-start:2.75rem}.path-line{position:absolute;inset-block-start:0;inset-inline:0;width:100%;height:4px;overflow:visible}.path-base{color:var(--ink-line)}.path-draw{color:var(--pulse)}:root[data-lang=ar] .path-line{transform:scaleX(-1)}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;gap:var(--gap-3);grid-template-columns:1fr}@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}.step{counter-increment:step;position:relative}.node{position:absolute;inset-block-start:calc(-3.6rem + 2px);inset-inline-start:0;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:99px;border:1px solid var(--ink-line);background:var(--ink-void);color:var(--fg-faint);font-size:var(--step-micro);font-weight:600;font-variant-numeric:tabular-nums;transition:border-color var(--beat) var(--ease-soft),color var(--beat) var(--ease-soft),box-shadow var(--beat) var(--ease-soft)}.node:before{content:counter(step)}.node.on{border-color:var(--pulse);color:var(--pulse-lift);box-shadow:0 0 0 5px var(--pulse-wash)}@media(max-width:819px){.path{padding-block-start:0}.path-line{display:none}.steps{gap:0}.step{padding-block-start:var(--gap-3);border-block-start:1px solid var(--ink-line);margin-block-start:var(--gap-3)}.node{inset-block-start:-.85rem}}.step-art{margin-block-start:var(--gap-3);padding:.85rem;border:1px solid var(--ink-line-soft);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink-surface) 70%,transparent);display:flex;flex-direction:column;gap:.5rem}.art-field{height:26px;border-radius:7px;border:1px solid var(--ink-line);background:var(--ink-deep);display:flex;align-items:center;padding-inline:.5rem}.art-field span{height:6px;border-radius:99px;background:var(--ink-line)}.art-btn{padding:.45rem .7rem;border-radius:7px;border:1px solid var(--ink-line);text-align:center;font-size:var(--step-micro);color:var(--fg-muted)}.art-btn.solid{background:var(--pulse);border-color:var(--pulse);color:#fff;font-weight:600}.art-mail{display:flex;align-items:center;gap:.55rem}.art-mark{width:20px;height:20px;color:var(--fg);flex:none}.art-mail b{display:block;font-size:.72rem;color:var(--fg)}.art-mail span{font-size:var(--step-micro);color:var(--fg-muted)}.art-person{display:flex;align-items:center;gap:.5rem;font-size:var(--step-micro);color:var(--fg-body)}.art-person i{width:20px;height:20px;border-radius:99px;background:var(--pulse-deep);flex:none}.art-person i.alt{background:color-mix(in srgb,var(--live) 45%,var(--ink-raised))}.art-person .tag{margin-inline-start:auto}.tag-plain{border:1px solid var(--ink-line);color:var(--fg-faint)}.step h3{font-size:1.15rem;margin-block-start:.5rem}.step p{margin-block-start:.5rem;color:var(--fg-muted);font-size:var(--step-small);line-height:1.7}.access{padding-block:var(--gap-4) var(--gap-6)}.access-panel{position:relative;padding:clamp(3.75rem,5vw,5rem) clamp(1.4rem,3.5vw,3.25rem) clamp(1.75rem,3.5vw,3rem);border:1px solid var(--ink-line);border-radius:26px;background:radial-gradient(120% 130% at 50% -25%,var(--pulse-wash),transparent 62%),color-mix(in srgb,var(--ink-surface) 90%,transparent);box-shadow:var(--lift-2);overflow:hidden}.panel-trace{position:absolute;inset-block-start:1.1rem;inset-inline:0;width:100%;height:auto;color:var(--pulse);pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.trace-base{opacity:.28}.trace-scan{color:var(--pulse-lift);opacity:.75;filter:drop-shadow(0 0 3px var(--pulse-glow))}:root[data-lang=ar] .panel-trace{transform:scaleX(-1)}.access-grid{display:grid;gap:var(--gap-4);grid-template-columns:1fr;align-items:start}@media(min-width:1000px){.access-grid{grid-template-columns:minmax(0,23rem) minmax(0,1fr);gap:var(--gap-5)}}.access-title{font-size:var(--step-title)}.access-sub{margin-block-start:var(--gap-2);max-width:46ch;color:var(--fg-muted)}.assure{margin:var(--gap-3) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.assure li{position:relative;padding-inline-start:1.5rem;font-size:var(--step-small);color:var(--fg-body);line-height:1.6}.assure li:before{content:"";position:absolute;inset-block-start:.55em;inset-inline-start:0;width:7px;height:7px;border-radius:99px;background:var(--pulse)}.direct{margin-block-start:var(--gap-3);border:1px solid var(--ink-line-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--ink-surface) 55%,transparent);overflow:hidden;font-size:var(--step-small)}.direct-row{display:flex;flex-direction:column;gap:.15rem;padding:.85rem clamp(.95rem,3vw,1.15rem);border-block-start:1px solid var(--ink-line-soft)}.direct-row:first-child{border-block-start:0}.direct-label{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint)}:root[data-lang=ar] .direct-label{text-transform:none;letter-spacing:0;font-size:.7rem}.direct b{color:var(--fg);font-weight:500}.direct-note{font-size:var(--step-micro);color:var(--fg-faint)}.direct a{color:var(--fg);text-decoration:none;width:fit-content;min-height:44px;display:inline-flex;align-items:center;font-weight:500;transition:color var(--beat-fast) var(--ease-soft)}.form{margin-block-start:var(--gap-5);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--ink-line-soft);border-radius:var(--radius);background:color-mix(in srgb,var(--ink-surface) 88%,transparent);box-shadow:var(--lift-2)}.grid{display:grid;gap:var(--gap-2);grid-template-columns:1fr}@media(min-width:680px){.grid{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:.45rem}.field>span{font-size:var(--step-small);color:var(--fg-muted);font-weight:500}.field input,.field select{padding:.8rem .95rem;border:1px solid var(--ink-line);border-radius:var(--radius-sm);background:var(--ink-deep);color:var(--fg);transition:border-color var(--beat-fast) var(--ease-soft),background var(--beat-fast) var(--ease-soft)}.field input::placeholder{color:var(--fg-faint)}.field input:focus-visible,.field select:focus-visible{border-color:var(--pulse);background:var(--ink-surface)}.field select{appearance:none;cursor:pointer}.field input:user-invalid{border-color:color-mix(in srgb,#ff6b6b 60%,var(--ink-line))}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form .btn-block{margin-block-start:var(--gap-3)}.note{margin-block-start:var(--gap-2);font-size:var(--step-micro);color:var(--fg-faint);text-align:center}.form .btn-block+.note{margin-block-start:var(--gap-4)}.note a{display:inline-block;padding-block:.4rem}.err{margin-block-start:var(--gap-2);padding:.7rem 1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,#ff6b6b 12%,transparent);color:#ffb4b4;font-size:var(--step-small);text-align:center}.done{margin-block-start:var(--gap-5);padding:clamp(2rem,4vw,3.5rem);border:1px solid color-mix(in srgb,var(--live) 30%,var(--ink-line));border-radius:var(--radius);background:color-mix(in srgb,var(--ink-surface) 88%,transparent);text-align:center;box-shadow:var(--lift-2)}.done-mark{width:52px;height:52px;margin-inline:auto;color:var(--live)}.done h3{margin-block-start:var(--gap-3);font-size:1.75rem}.done>p{margin-block-start:.6rem;color:var(--fg-muted)}.done-demo{margin-block-start:var(--gap-4);padding-block-start:var(--gap-3);border-block-start:1px solid var(--ink-line-soft)}.done-demo p{color:var(--fg-muted);font-size:var(--step-small)}.done-demo .btn{margin-block-start:var(--gap-2)}.foot{padding-block:var(--gap-5);padding-block-end:calc(var(--gap-5) + env(safe-area-inset-bottom));border-block-start:1px solid var(--ink-line-soft);background:var(--ink-void)}.foot-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-3)}.foot-brand{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.foot-brand .brand-name{font-family:var(--face-display);font-weight:800;color:var(--fg)}.foot-tag{color:var(--fg-muted);font-size:var(--step-small)}.foot-tag:before{content:"·";margin-inline-end:.5rem;color:var(--fg-faint)}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-1) var(--gap-3);font-size:var(--step-small)}.foot-links a{display:inline-flex;align-items:center;min-height:44px}.foot-links a{color:var(--fg-muted);text-decoration:none;transition:color var(--beat-fast) var(--ease-soft)}.foot-copy{font-size:var(--step-micro);color:var(--fg-faint)}.rise{opacity:0;transform:translateY(22px)}.no-motion .rise,.revealed{opacity:1;transform:none}body.no-field{background:var(--ink-void)}body.no-field:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 42% at 50% 8%,var(--pulse-wash),transparent 70%),radial-gradient(38% 30% at 82% 62%,rgba(61,220,151,.05),transparent 70%),radial-gradient(46% 34% at 14% 78%,rgba(75,123,255,.06),transparent 70%)}body.no-field:after{content:"";position:fixed;inset-inline:-5%;inset-block-start:34%;height:46vmin;z-index:0;pointer-events:none;opacity:.5;background:no-repeat center / 100% 100% url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 220" preserveAspectRatio="none"><path d="M0 138h372l26-56 30 56h74l30-96 44 190 40-150 26 56h56l24-38 30 38h448" fill="none" stroke="%234b7bff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.access-panel .form{margin-block-start:0;padding:0;border:0;background:none;box-shadow:none}.access-panel .done{margin-block-start:0;padding:0;border:0;background:none;box-shadow:none;text-align:start}.access-panel .done-mark{margin-inline:0}@media(max-width:999px){.access-grid{gap:var(--gap-4)}}@media(prefers-reduced-motion:reduce){.trace-scan{display:none}.trace-base{opacity:.5}}.foot-copy{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .9rem}.foot-dev{color:var(--fg-faint)}html.menu-open,html.menu-open body{overflow:hidden}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:var(--fg)}.lang:hover{color:var(--pulse-lift);border-color:color-mix(in srgb,var(--pulse) 55%,transparent)}.cell:hover{border-color:var(--ink-line);background:color-mix(in srgb,var(--ink-raised) 78%,transparent)}.mirror-cta:hover{background:color-mix(in srgb,var(--pulse) 18%,transparent);border-color:var(--pulse)}.direct a:hover{color:var(--pulse-lift)}.field input:hover,.field select:hover{border-color:var(--ink-raised)}.foot-links a:hover{color:var(--pulse-lift)}}.scene,.scene-track{position:relative}.scene-stage{display:flex;align-items:center;padding-block:var(--gap-5)}@media(min-width:1000px)and (prefers-reduced-motion:no-preference){.scene-track{height:240vh}.scene-track.long{height:320vh}.scene-track.short{height:190vh}.scene-stage{position:sticky;top:0;height:100svh;padding-block:0;overflow:hidden}}.scene-grid{width:min(100% - 2.5rem,var(--shell));margin-inline:auto;display:grid;gap:var(--gap-4);grid-template-columns:1fr;align-items:center}@media(min-width:1000px){.scene-grid{grid-template-columns:minmax(0,21rem) minmax(0,1fr);gap:var(--gap-5)}.scene-grid.flip{grid-template-columns:minmax(0,1fr) minmax(0,21rem)}}.scene-copy h2{font-size:clamp(1.75rem,1.1rem + 2.2vw,2.6rem)}.scene-copy>p{margin-block-start:var(--gap-2);color:var(--fg-muted);font-size:1rem}.beats{position:relative;margin-block-start:var(--gap-3);min-height:9.5rem}.beat{position:absolute;inset-block-start:0;inset-inline:0;opacity:0;transform:translateY(14px)}.beat:first-child{opacity:1;transform:none}.beat h3{font-size:1.15rem}.beat p{margin-block-start:.5rem;color:var(--fg-muted);font-size:var(--step-small);line-height:1.65}.beat-index{display:inline-flex;align-items:center;gap:.5rem;margin-block-end:.7rem;font-size:var(--step-micro);color:var(--fg-faint);font-variant-numeric:tabular-nums}.beat-index i{width:1.6rem;height:1px;background:var(--ink-line);display:inline-block}.rail{margin-block-start:var(--gap-3);display:flex;gap:.4rem}.rail span{height:2px;flex:1;border-radius:99px;background:var(--ink-line);overflow:hidden;position:relative}.rail span:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--fill, 0%);background:var(--pulse-lift)}.app{border:1px solid var(--ink-line);border-radius:14px;background:var(--ink-deep);box-shadow:var(--lift-2);overflow:hidden}.app-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-block-end:1px solid var(--ink-line-soft);background:var(--ink-surface)}.app-bar .dot{width:8px;height:8px;border-radius:99px;background:var(--ink-line)}.app-url{margin-inline-start:.8rem;font-size:var(--step-micro);color:var(--fg-faint);font-family:var(--face-body);direction:ltr}.app-body{display:grid;grid-template-columns:3.4rem 1fr;min-height:20rem}@media(min-width:640px){.app-body{grid-template-columns:9rem 1fr}}.app-side{border-inline-end:1px solid var(--ink-line-soft);background:color-mix(in srgb,var(--ink-surface) 60%,transparent);padding:.75rem .55rem;display:flex;flex-direction:column;gap:.3rem}.side-brand{display:flex;align-items:center;gap:.45rem;padding:.3rem .35rem .8rem;color:var(--pulse-lift)}.side-brand svg{width:17px;height:17px;flex:none}.side-brand span{font-size:var(--step-micro);color:var(--fg);font-weight:700}.side-item{display:flex;align-items:center;gap:.45rem;padding:.42rem .4rem;border-radius:7px;font-size:var(--step-micro);color:var(--fg-faint)}.side-item svg{width:14px;height:14px;flex:none}.side-item.is-on{background:var(--pulse-wash);color:var(--pulse-lift)}@media(max-width:639px){.side-brand span,.side-item span{display:none}.side-item{justify-content:center}}.app-main{padding:.9rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.app-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.app-head h4{font-size:.95rem;font-weight:700;color:var(--fg);font-family:var(--face-display)}:root[data-lang=ar] .app-head h4{letter-spacing:0}.app-chip{padding:.22rem .6rem;border-radius:99px;border:1px solid var(--ink-line);font-size:var(--step-micro);color:var(--fg-muted)}.app-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.stat{padding:.55rem .6rem;border:1px solid var(--ink-line-soft);border-radius:9px;background:var(--ink-surface)}.stat b{display:block;font-family:var(--face-display);font-size:1.15rem;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.stat span{font-size:.62rem;color:var(--fg-faint)}.app-rows{display:flex;flex-direction:column;gap:.35rem}.row{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border:1px solid var(--ink-line-soft);border-radius:9px;background:color-mix(in srgb,var(--ink-surface) 55%,transparent)}.row .tick{width:13px;height:13px;border-radius:4px}.row .label{font-size:var(--step-micro);color:var(--fg-body);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .who{display:flex}.row .who i{width:17px;height:17px;border-radius:99px;display:block;border:1.5px solid var(--ink-deep);background:var(--ink-raised);margin-inline-start:-6px}.row .who i:first-child{margin-inline-start:0;background:var(--pulse-deep)}.row .who i:nth-child(3){background:color-mix(in srgb,var(--live) 45%,var(--ink-raised))}.app-thread{border:1px solid var(--ink-line-soft);border-radius:9px;background:var(--ink-surface);padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.msg{display:flex;gap:.5rem;align-items:flex-start}.msg i{width:19px;height:19px;border-radius:99px;background:var(--pulse-deep);flex:none}.msg i.alt{background:color-mix(in srgb,var(--live) 45%,var(--ink-raised))}.msg div{flex:1;min-width:0}.msg b{font-size:.66rem;color:var(--fg);display:block}.msg p{font-size:var(--step-micro);color:var(--fg-muted);line-height:1.5}.app-toast{position:static;margin-block-start:.7rem;margin-inline-start:auto;max-width:15rem;display:flex;gap:.55rem;align-items:flex-start;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--pulse) 40%,var(--ink-line));border-radius:10px;background:var(--ink-raised);box-shadow:var(--lift-1)}.app-toast svg{width:15px;height:15px;color:var(--pulse-lift);flex:none;margin-block-start:1px}.app-toast b{display:block;font-size:.68rem;color:var(--fg)}.app-toast p{font-size:var(--step-micro);color:var(--fg-muted);line-height:1.45}.app-holder{position:relative;display:flex;flex-direction:column}.scatter-field{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-block-end:5rem}.src{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--ink-line);border-radius:11px;background:var(--ink-surface);box-shadow:var(--lift-1);font-size:var(--step-micro);color:var(--fg-body)}.src svg{width:16px;height:16px;color:var(--fg-faint);flex:none}.src:nth-child(odd){margin-inline-end:2rem}.src:nth-child(2n){margin-inline-start:2rem}.gathered{position:absolute;inset-inline:0;margin-inline:auto;width:max-content;max-width:100%;inset-block-end:0;opacity:0;display:flex;align-items:center;gap:.7rem;padding:.85rem 1.2rem;border:1px solid color-mix(in srgb,var(--pulse) 45%,transparent);border-radius:14px;background:var(--ink-raised);box-shadow:0 8px 24px #00000080,0 30px 70px var(--pulse-glow);font-weight:600;color:var(--fg)}.gathered svg{width:22px;height:22px;color:var(--pulse-lift)}@media(min-width:681px)and (prefers-reduced-motion:no-preference){.scatter-field{display:block;height:min(62svh,30rem);padding-block-end:0}.src{position:absolute;white-space:nowrap;font-size:var(--step-small);padding:.6rem .85rem;margin-inline:0}.src:nth-child(1){inset-block-start:4%;inset-inline-start:2%;rotate:-6deg}.src:nth-child(2){inset-block-start:22%;inset-inline-end:4%;rotate:5deg}.src:nth-child(3){inset-block-start:46%;inset-inline-start:12%;rotate:3deg}.src:nth-child(4){inset-block-start:68%;inset-inline-end:14%;rotate:-4deg}.src:nth-child(5){inset-block-start:88%;inset-inline-start:30%;rotate:7deg}.gathered{inset-block-start:50%;inset-block-end:auto;translate:0 -50%;padding:1rem 1.5rem}}.surface-light{background:#f4f6fb;color:#2c3444;--fg: #0d1220;--fg-body: #38415a;--fg-muted: #5c6780;--fg-faint: #8590a6;--ink-line: #d3d9e6;--ink-line-soft: #e2e7f0;--ink-surface: #ffffff;--ink-deep: #ffffff;--ink-raised: #ffffff;--pulse-lift: #2547b8;--lift-1: 0 1px 3px rgba(20,30,60,.08), 0 8px 22px rgba(20,30,60,.07);--lift-2: 0 4px 12px rgba(20,30,60,.1), 0 24px 56px rgba(20,30,60,.1);position:relative;z-index:3}.surface-light .app-url,.surface-light .stat span{color:#7d879c}.mirror-pair{position:relative}@media(min-width:1000px){.mirror-pair,.mirror-pair .app{transform-style:preserve-3d}}.mirror-face{backface-visibility:hidden}.mirror-face.back{position:absolute;inset:0;transform:rotateY(180deg)}.mirror-note{margin-block-start:var(--gap-3);display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border-radius:99px;background:color-mix(in srgb,var(--pulse-lift) 10%,transparent);color:var(--pulse-lift);font-size:var(--step-small);font-weight:600}.report-holder{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem}.report-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.filter{padding:.3rem .75rem;border-radius:99px;border:1px solid var(--ink-line);font-size:var(--step-micro);color:var(--fg-muted);transition:border-color var(--beat) var(--ease-soft),background var(--beat) var(--ease-soft),color var(--beat) var(--ease-soft)}.filter.on{border-color:color-mix(in srgb,var(--pulse) 60%,transparent);background:var(--pulse-wash);color:var(--pulse-lift)}.sheet{width:min(100%,25rem);border:1px solid var(--ink-line);border-radius:10px;background:var(--ink-surface);box-shadow:var(--lift-2);padding:1.15rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.7rem}.sheet-brand{display:flex;align-items:center;gap:.6rem;padding-block-end:.7rem;border-block-end:2px solid var(--pulse)}.sheet-mark{width:22px;height:22px;color:var(--fg);flex:none}.sheet-titles{flex:1;min-width:0}.sheet-titles b{display:block;font-family:var(--face-display);font-size:.92rem;color:var(--fg);letter-spacing:-.02em}.sheet-titles span{font-size:.63rem;color:var(--fg-muted)}.sheet-id{font-size:.58rem;color:var(--fg-faint);font-variant-numeric:tabular-nums;direction:ltr}:root[data-lang=ar] .sheet-titles b{letter-spacing:0}.sheet-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.sheet-meta div{display:flex;flex-direction:column;gap:.1rem}.sheet-meta span{font-size:.55rem;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em}.sheet-meta b{font-size:.68rem;color:var(--fg-body);font-variant-numeric:tabular-nums}:root[data-lang=ar] .sheet-meta span{text-transform:none;letter-spacing:0}.sheet-table{width:100%;border-collapse:collapse}.sheet-table th{text-align:start;font-size:.55rem;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding-block:.35rem;border-block-end:1px solid var(--ink-line-soft)}.sheet-table td{font-size:.66rem;color:var(--fg-body);padding-block:.42rem;border-block-end:1px solid var(--ink-line-soft)}.sheet-table td:last-child{text-align:end}.sheet-table .tag{font-size:.55rem;padding:.12rem .45rem}:root[data-lang=ar] .sheet-table th{text-transform:none;letter-spacing:0}.sheet-summary{display:flex;align-items:center;gap:.6rem}.sheet-bar{flex:1;height:6px;border-radius:99px;background:var(--ink-line-soft);overflow:hidden}.sheet-bar i{display:block;height:100%;width:64%;border-radius:99px;background:var(--pulse)}.sheet-summary>span{font-size:.63rem;color:var(--fg-muted);white-space:nowrap}.sheet-summary b{color:var(--fg);font-variant-numeric:tabular-nums}.sheet-foot{padding-block-start:.6rem;border-block-start:1px solid var(--ink-line-soft);display:flex;justify-content:space-between;font-size:.55rem;color:var(--fg-faint)}.pdf-card{position:absolute;inset-block-end:-.75rem;inset-inline-end:-.75rem;display:flex;align-items:center;gap:.55rem;padding:.6rem .85rem;border:1px solid color-mix(in srgb,var(--pulse) 45%,var(--ink-line));border-radius:10px;background:var(--ink-raised);box-shadow:var(--lift-1)}.pdf-card svg{width:18px;height:18px;color:var(--pulse-lift);flex:none}.pdf-card b{display:block;font-size:.7rem;color:var(--fg);direction:ltr}.pdf-card span{font-size:.6rem;color:var(--fg-muted)}@media(max-width:999px),(prefers-reduced-motion:reduce){.beats{min-height:0;display:flex;flex-direction:column;gap:var(--gap-3)}.beat{position:static;opacity:1;transform:none}.rail{display:none}.mirror-face.back{position:static;transform:none;margin-block-start:var(--gap-3)}}@media(prefers-reduced-motion:reduce){.gathered{position:static;opacity:1;translate:none;inset:auto;width:auto;margin-block-start:var(--gap-3)}}@media(max-width:999px){.hero{min-height:auto;padding-block:6.5rem 3.5rem}.hero-app{display:block}.hero-title{max-width:100%}.hero-sub{font-size:1.02rem;max-width:100%}.scroll-cue{display:none}.scene-copy h2{font-size:clamp(1.5rem,6vw,2rem)}.scene-copy>p{font-size:var(--step-small)}.scene-grid{gap:var(--gap-4)}.scene-grid.flip>.scene-copy{order:-1}.act-title,.act-title.center{max-width:100%}.access-grid{gap:var(--gap-4)}}@media(max-width:680px){.app-stats{grid-template-columns:repeat(2,1fr)}.app-main{padding:.7rem;gap:.6rem}.stat b{font-size:1.05rem}.app-head h4{font-size:.85rem}.row .who{display:none}.row{padding:.45rem .5rem;gap:.45rem}.sheet{padding:.95rem 1rem .85rem}.sheet-table th:nth-child(2),.sheet-table td:nth-child(2){display:none}.pdf-card{position:static;inset:auto;width:100%;justify-content:center}.app-toast{max-width:none;margin-inline-start:0}.access-panel{padding:3.25rem 1.1rem 1.5rem;border-radius:18px}.steps{gap:0}}@media(max-width:560px){.nav-actions .btn{display:inline-flex;min-height:44px;padding:.5rem .85rem;font-size:var(--step-micro)}.lang{padding:.45rem .7rem;font-size:var(--step-micro)}.nav{gap:var(--gap-2)}.nav-actions .btn,.nav-actions .lang{white-space:nowrap}}@media(max-width:400px){.brand-name{display:none}}@media(max-width:999px){.act{padding-block:var(--gap-5)}.access{padding-block:var(--gap-3) var(--gap-5)}.foot{padding-block:var(--gap-4)}.scatter-field{padding-block-end:4rem}}@media(max-width:680px){.stat span{font-size:.7rem}.msg b{font-size:.74rem}.app-toast b{font-size:.76rem}.sheet-titles span{font-size:.72rem}.sheet-id,.sheet-meta span{font-size:.7rem}.sheet-meta b{font-size:.76rem}.sheet-table th{font-size:.7rem}.sheet-table td{font-size:.78rem}.sheet-table .tag{font-size:.7rem}.sheet-summary>span{font-size:.72rem}.sheet-foot{font-size:.7rem}.pdf-card b{font-size:.76rem}.pdf-card span{font-size:.7rem}}@media(max-width:360px){.app-chip{white-space:nowrap}.sheet-meta{grid-template-columns:repeat(2,1fr)}}