:root{--paper: #F3F0EB;--surface: #FBFAF7;--ink: #1C1C1C;--stone: #6B655D;--line: #D9D3C8;--clay: #B5532F;--clay-ink: #FFFFFF;--ok: #3F6E4E;--panel: #1C1C1C;--panel-fg: #F3F0EB;--panel-muted: #A39C92;--panel-point: #C9603A;--panel-line: #34312D;--font: "Alexandria", "Segoe UI", Tahoma, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper: #161514;--surface: #1F1E1C;--ink: #F3F0EB;--stone: #A39C92;--line: #36332F;--clay: #C9603A;--clay-ink: #161514;--ok: #84B394;--panel: #0D0D0C;--panel-fg: #F3F0EB;--panel-muted: #A39C92;--panel-point: #C9603A;--panel-line: #2B2926;color-scheme:dark}}:root[data-theme="dark"]{--paper: #161514;--surface: #1F1E1C;--ink: #F3F0EB;--stone: #A39C92;--line: #36332F;--clay: #C9603A;--clay-ink: #161514;--ok: #84B394;--panel: #0D0D0C;--panel-fg: #F3F0EB;--panel-muted: #A39C92;--panel-point: #C9603A;--panel-line: #2B2926;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:300;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang="ar"] body{font-size:18.5px;line-height:1.85}svg{max-width:100%}a{color:inherit;text-decoration-color:var(--clay);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--clay)}:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:2px}b{font-weight:600}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-left:max(20px, env(safe-area-inset-left, 0px));padding-right:max(20px, env(safe-area-inset-right, 0px))}.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:50}.skip:focus{inset-inline-start:12px}h1,h2,h3{font-weight:600;margin:0;letter-spacing:-0.015em;text-wrap:balance;line-height:1.12}html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.35}h1{font-size:clamp(36px, 5.6vw, 66px)}h2{font-size:clamp(28px, 3.6vw, 42px)}h3{font-size:21px;line-height:1.3}p{margin:0;max-width:64ch}.lede{font-size:clamp(18px, 1.6vw, 21px);color:var(--stone);max-width:58ch}.kicker{font-size:13px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--stone);display:inline-flex;align-items:center;gap:10px}html[lang="ar"] .kicker{letter-spacing:0;font-size:15px;text-transform:none}.kicker::before{content:"";width:9px;height:9px;background:var(--clay);flex:none}.muted{color:var(--stone)}.small{font-size:14px;color:var(--stone)}.num{font-variant-numeric:tabular-nums}.stack{display:grid;gap:18px;align-content:start}body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:20;background:var(--paper)}.site-head{position:sticky;top:env(safe-area-inset-top, 0px);z-index:10;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}.site-head.scrolled{border-bottom-color:var(--line)}.site-head .wrap{display:flex;align-items:center;gap:28px;padding-block:16px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}.brand svg{width:30px;height:30px}.nav{display:flex;align-items:center;gap:26px;margin-inline-start:auto}.nav a{text-decoration:none;font-size:15px;font-weight:400}.nav a[aria-current="page"]{color:var(--clay)}.nav .lang{font-weight:400;border:1px solid var(--line);padding:5px 12px;border-radius:999px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:2px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;transition:transform .15s var(--ease), background-color .15s;cursor:pointer;font-family:inherit}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{color:var(--paper);transform:translateY(-1px)}.btn-primary .sq{width:9px;height:9px;background:var(--clay)}.textlink{font-weight:400}.menu-toggle{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);color:var(--ink);padding:8px 12px;font:inherit;font-size:14px;border-radius:2px}@media (max-width:900px){.menu-toggle{display:inline-block}.nav{display:none;position:absolute;inset-inline:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px max(20px, env(safe-area-inset-left, 0px)) 18px}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.nav .lang{margin-top:12px;text-align:center;justify-content:center}}section{padding-block:clamp(72px, 9vw, 120px)}.sec-head{display:grid;gap:16px;max-width:760px;margin-bottom:48px}.rule-top{border-top:1px solid var(--line)}.hero{padding-block:clamp(40px, 6vw, 84px) clamp(64px, 8vw, 104px)}.hero .wrap{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);gap:clamp(36px, 5vw, 72px);align-items:center}@media (max-width:960px){.hero .wrap{grid-template-columns:minmax(0, 1fr)}}.hero h1{max-width:15ch}html[lang="ar"] .hero h1{max-width:17ch}.hero .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:8px}.assure{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--stone);margin-top:6px}.assure span{display:inline-flex;align-items:center;gap:8px}.assure span::before{content:"";width:5px;height:5px;background:var(--stone);border-radius:50%}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:0;position:relative;counter-reset:step}.steps::before{content:"";position:absolute;top:15px;inset-inline:0;height:2px;background:var(--line)}.steps::after{content:"";position:absolute;top:15px;inset-inline-start:0;height:2px;width:100%;background:var(--ink);transform-origin:left}html[dir="rtl"] .steps::after{transform-origin:right}.steps li{position:relative;padding-inline-end:26px;display:grid;gap:10px;align-content:start;counter-increment:step}.steps li::before{content:counter(step);position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;background:var(--paper);border:2px solid var(--ink);font-weight:600;font-size:14px}.steps li.you::before{background:var(--clay);border-color:var(--clay);color:var(--clay-ink)}.steps .who{font-size:13px;color:var(--stone)}@media (prefers-reduced-motion:no-preference){.js .steps.armed::after{transform:scaleX(0)}.js .steps.armed.play::after{transform:scaleX(1);transition:transform 1.6s var(--ease)}}@media (max-width:860px){.steps{grid-template-columns:minmax(0, 1fr);gap:26px}.steps::before,.steps::after{top:0;bottom:0;width:2px;height:auto;inset-inline-start:15px}.steps::after{transform-origin:top}.js .steps.armed::after{transform:scaleY(0)}.js .steps.armed.play::after{transform:scaleY(1)}.steps li{padding-inline-start:50px;padding-inline-end:0}.steps li::before{position:absolute;inset-inline-start:0;top:0}}.data-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0;border-top:1px solid var(--line)}.data-grid div{padding:26px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.data-grid div:nth-child(odd){padding-inline-end:40px}.data-grid div:nth-child(even){padding-inline-start:40px;border-inline-start:1px solid var(--line)}.data-grid dt{font-weight:600;font-size:18px}.data-grid dd{margin:0;color:var(--stone)}@media (max-width:760px){.data-grid{grid-template-columns:minmax(0, 1fr)}.data-grid div:nth-child(n){padding-inline:0;border-inline-start:0}}.founding{margin-top:28px;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:18px;align-items:start;padding:24px 26px;border:1px solid var(--clay)}.founding .sq{width:14px;height:14px;background:var(--clay);margin-top:7px}.faq{border-top:1px solid var(--line);max-width:860px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 36px 22px 0;font-weight:400;font-size:19px;position:relative}html[dir="rtl"] .faq summary{padding:22px 0 22px 36px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;inset-inline-end:4px;top:18px;font-size:24px;font-weight:300;color:var(--stone)}.faq details[open] summary::after{content:"–";color:var(--clay)}.faq details p{padding-bottom:22px;color:var(--stone)}.band{background:var(--panel);color:var(--panel-fg);position:relative;overflow:hidden}.band .wrap{position:relative;display:grid;gap:22px;padding-block:clamp(80px, 10vw, 130px)}.band h2{max-width:20ch;font-size:clamp(30px, 4.4vw, 52px)}.band p{color:var(--panel-muted)}.band .btn-primary{background:var(--panel-fg);color:var(--panel)}.band .btn-primary:hover{color:var(--panel)}.band .bracket{position:absolute;inset-inline-end:max(20px, 6vw);bottom:clamp(40px, 6vw, 80px);width:clamp(120px, 18vw, 230px);aspect-ratio:1;pointer-events:none}.band .bracket i{position:absolute;background:var(--panel-line)}.band .bracket i:nth-child(1){inset-inline-start:0;top:0;bottom:0;width:25%}.band .bracket i:nth-child(2){inset-inline-start:0;bottom:0;height:25%;width:100%}.band .bracket i:nth-child(3){background:var(--panel-point);width:25%;height:25%;inset-inline-start:50%;top:25%}@media (max-width:760px){.band .bracket{opacity:.5}}.contact-line{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:var(--panel-muted)}.copy{font-family:var(--mono);color:var(--panel-fg);border-bottom:1px dashed var(--panel-muted);user-select:all}.site-foot{padding-block:48px 56px;border-top:1px solid var(--line)}.site-foot .wrap{display:grid;grid-template-columns:minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));gap:32px;font-size:14.5px}.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-foot a{text-decoration:none}.site-foot .legal{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--stone);font-size:13px;padding-top:24px;border-top:1px solid var(--line)}@media (max-width:760px){.site-foot .wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.site-foot .wrap>:first-child{grid-column:1 / -1}}.replay{margin-top:14px;background:none;border:0;color:var(--stone);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:0}.facts{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:28px}.fact{border-top:2px solid var(--ink);padding-top:16px;display:grid;gap:8px;align-content:start}.fact b{font-size:28px;letter-spacing:-0.01em}.fact span{color:var(--stone);font-size:15px}@media (max-width:860px){.facts{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:460px){.facts{grid-template-columns:minmax(0, 1fr)}}.timeline{display:grid;gap:0;border-inline-start:2px solid var(--line);margin-top:8px}.timeline div{position:relative;padding:4px 0 26px;padding-inline-start:26px;display:grid;gap:4px}.timeline div::before{content:"";position:absolute;inset-inline-start:-7px;top:10px;width:12px;height:12px;background:var(--paper);border:2px solid var(--ink)}.timeline div.now::before{background:var(--clay);border-color:var(--clay)}.timeline b{font-weight:600}.two{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:56px}@media (max-width:860px){.two{grid-template-columns:minmax(0, 1fr);gap:36px}}.ways{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0;border:1px solid var(--line);background:var(--surface)}.ways>div{padding:28px;display:grid;gap:12px;align-content:start}.ways>div+div{border-inline-start:1px solid var(--line)}@media (max-width:760px){.ways{grid-template-columns:minmax(0, 1fr)}.ways>div+div{border-inline-start:0;border-top:1px solid var(--line)}}.ways ul{margin:0;padding-inline-start:18px;color:var(--stone);display:grid;gap:6px}.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}@media (min-width:861px){.steps.n3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.ways h3{font-size:20px}.hero h1.long{max-width:24ch;font-size:clamp(30px, 3.9vw, 48px)}html[lang="ar"] .hero h1.long{max-width:26ch;font-size:clamp(28px, 3.5vw, 44px)}.site-foot .legal .entity{max-width:92ch}.site-foot .legal .entity a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}#start .steps .who{color:var(--ink);font-weight:600;font-size:13px}.hero h1.xlong{max-width:28ch;font-size:clamp(28px, 3.3vw, 42px)}.ic{display:block;flex:none}.num{font-variant-numeric:tabular-nums}.t-ok{--tone: var(--ok)}.t-fix{--tone: var(--clay)}.t-mid,.t-miss{--tone: var(--stone)}.lk{display:block;font-size:15px}.viz-2{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);gap:32px;align-items:start}@media (max-width:900px){.viz-2{grid-template-columns:minmax(0, 1fr)}}.chart{margin:0;background:var(--surface);border:1px solid var(--line);padding:26px;display:grid;gap:20px;min-width:0}.chart figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.chart figcaption b{font-size:16px}.chart .tag{font-size:12px;color:var(--stone);border:1px solid var(--line);padding:2px 8px;white-space:nowrap}.bt{height:10px;background:rgba(107, 101, 93, .14);position:relative;overflow:hidden;display:block}.bf{position:absolute;top:0;bottom:0;inset-inline-start:0;width:var(--v);background:var(--tone, var(--ink))}.js .chart.armed .bf{width:0}.js .chart.armed.play .bf{width:var(--v);transition:width 1.1s var(--ease) calc(var(--i, 0) * .09s)}.bars{list-style:none;margin:0;padding:0;display:grid;gap:13px}.bars li{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr) 52px;gap:14px;align-items:center;font-size:14.5px;line-height:1.4}.bv{text-align:end;font-weight:600}.funnel{list-style:none;margin:0;padding:0;display:grid;gap:6px}.funnel li{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:18px;align-items:center}.fb{height:36px;width:var(--v);min-width:44px;background:var(--ink);color:var(--paper);display:flex;align-items:center;padding-inline:12px;font-weight:600;font-size:14px;justify-self:center}.funnel li:last-child .fb{background:var(--clay);color:var(--clay-ink)}.fl{font-size:14.5px;line-height:1.4}.js .chart.armed .fb{width:44px}.js .chart.armed.play .fb{width:var(--v);transition:width 1s var(--ease) calc(var(--i) * .1s)}.split{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.split-h{font-size:14.5px}.sbar{display:flex;height:16px;gap:2px}.sg{width:var(--v);background:var(--tone);transform-origin:left}html[dir="rtl"] .sg{transform-origin:right}.js .chart.armed .sg{transform:scaleX(0)}.js .chart.armed.play .sg{transform:none;transition:transform 1s var(--ease) .5s}.legend{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px}.legend li{display:grid;grid-template-columns:12px minmax(0, 1fr) auto;gap:10px;align-items:center}.legend i{width:12px;height:12px;background:var(--tone)}.legend b{font-weight:600}.prog{list-style:none;margin:0;padding:0;display:grid;gap:20px}.prog li{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:8px 16px;font-size:14.5px}.prog .bt{grid-column:1 / -1;height:12px}.prog .bf{background:var(--ok)}.pv{font-weight:600}.donut{display:grid;grid-template-columns:180px minmax(0, 1fr);gap:32px;align-items:center}.dn{position:relative;width:180px;aspect-ratio:1}.dn svg{width:100%;height:100%;transform:rotate(-90deg)}.dn circle{fill:none;stroke-width:13;stroke:var(--tone)}.dn .track{stroke:rgba(107, 101, 93, .14)}.js .chart.armed .dn circle:not(.track){stroke-dasharray:0 var(--circ)}.js .chart.armed.play .dn circle:not(.track){stroke-dasharray:var(--len) calc(var(--circ) - var(--len));transition:stroke-dasharray .9s var(--ease) calc(var(--i) * .3s)}.dc{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px}.dc b{font-size:34px;line-height:1}.dc span{font-size:13px;color:var(--stone)}@media (max-width:560px){.donut{grid-template-columns:minmax(0, 1fr);justify-items:center}.bars li{grid-template-columns:minmax(0, 1fr) 52px}.bars .bt{grid-column:1 / -1;grid-row:2}.funnel li{grid-template-columns:minmax(0, 1fr);gap:4px}.fb{justify-self:start}}.window{list-style:none;margin:0;padding:14px 0 0;display:grid;grid-template-columns:1.1fr 1fr .9fr}.window li{padding:16px 14px 4px;border-top:6px solid var(--tone);display:grid;gap:4px;align-content:start;position:relative}.z-ok{--tone: var(--ok)}.z-fix{--tone: var(--clay)}.z-stop{--tone: var(--ink)}.window li b{font-size:14.5px;line-height:1.4}.window li span{font-size:13.5px;color:var(--stone);line-height:1.45}.window li+li::before{content:"";position:absolute;top:-16px;inset-inline-start:-1px;width:2px;height:26px;background:var(--ink)}.js .chart.armed .window li{opacity:0;transform:translateY(8px)}.js .chart.armed.play .window li{opacity:1;transform:none;transition:opacity .5s var(--ease) calc(var(--i) * .25s), transform .5s var(--ease) calc(var(--i) * .25s)}@media (max-width:560px){.window{grid-template-columns:minmax(0, 1fr);padding:0}.window li{border-top:0;border-inline-start:6px solid var(--tone);padding:10px 14px}.window li+li::before{display:none}}.graph{position:relative;aspect-ratio:1.45;margin:6px 4px 0}.graph>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ge{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.ge.t-ok{stroke:var(--ink)}.ge.t-fix{stroke:var(--clay);stroke-width:2.5}.ge.t-miss{stroke:var(--stone);stroke-dasharray:4 5}.js .chart.armed .ge:not(.t-miss){stroke-dasharray:100;stroke-dashoffset:100}.js .chart.armed.play .ge:not(.t-miss){stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease) .2s}.chart.play .ge.t-fix{animation:flash 1.6s ease-in-out 1.4s infinite}@keyframes flash{50%{opacity:.35}}.gn{position:absolute;transform:translate(-50%, -50%);display:flex;align-items:center;gap:8px;background:var(--paper);border:1.5px solid var(--ink);padding:8px 12px;font-size:13.5px;white-space:nowrap;z-index:1}.gn b{font-weight:600}.gn.miss{border-style:dashed;color:var(--stone);background:var(--surface)}.gl{position:absolute;transform:translate(-50%, -50%);font-size:12px;background:var(--surface);padding:2px 6px;color:var(--stone);max-width:150px;text-align:center;line-height:1.35}.gl.t-fix{color:var(--clay);font-weight:600}.g-out{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:14.5px}@media (max-width:560px){.graph{aspect-ratio:.95}.gn{white-space:normal;max-width:42%;padding:6px 8px;font-size:12.5px}.gl{max-width:110px;font-size:11.5px}}.cd{display:grid;gap:14px;padding-top:24px}.cd-rail{position:relative;height:6px;background:var(--line)}.cd-fill{position:absolute;top:0;bottom:0;inset-inline-start:0;width:var(--now);background:var(--ink)}.cd-now{position:absolute;inset-inline-start:var(--now);top:-8px;width:2px;height:22px;background:var(--ink)}.cd-now i{position:absolute;bottom:26px;inset-inline-start:0;transform:translateX(-50%);font-style:normal;font-size:12px;color:var(--stone);white-space:nowrap}html[dir="rtl"] .cd-now i{transform:translateX(50%)}.cd-tgt{position:absolute;inset-inline-start:var(--tgt);top:-5px;width:16px;height:16px;background:var(--clay);transform:translateX(-50%) rotate(45deg)}html[dir="rtl"] .cd-tgt{transform:translateX(50%) rotate(45deg)}.cd-days{margin:0;color:var(--stone)}.cd-days b{font-size:40px;font-weight:600;color:var(--ink);margin-inline-end:8px;letter-spacing:-0.02em}.js .cd.armed .cd-fill{width:0}.js .cd.armed.play .cd-fill{width:var(--now);transition:width 1.4s var(--ease)}@media (prefers-reduced-motion:reduce){.chart.play .ge.t-fix{animation:none!important}}.bars-wrap{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:40px;align-items:start}.bars-wrap .split{border-top:0;border-inline-start:1px solid var(--line);padding:0 0 0;padding-inline-start:36px}@media (max-width:900px){.bars-wrap{grid-template-columns:minmax(0, 1fr);gap:24px}.bars-wrap .split{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:18px}}.fact b span.num{color:inherit;font-size:inherit}.viz-2 .chart{align-self:center}.cd-ends{position:relative;display:flex;justify-content:space-between;font-size:12px;color:var(--stone);margin-top:-4px}.cd-ends .cd-t{position:absolute;inset-inline-start:var(--tgt);transform:translateX(-50%);color:var(--clay);font-weight:600}html[dir="rtl"] .cd-ends .cd-t{transform:translateX(50%)}.gl.h{transform:translate(-50%, calc(-100% - 10px));background:transparent}@media (max-width:560px){.gn .ic{display:none}.gn{max-width:38%;text-align:center;justify-content:center}.gl.h{max-width:120px}.graph{margin-top:34px}}.data-grid dt{display:flex;align-items:center;gap:12px}:root{--night: #121211;--ember: #E0784C;--hair-d: rgba(243, 240, 235, .12);--fg-d: #F3F0EB;--mut-d: #A39C92;--sage-d: #8DBF9C;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.k6{display:inline-flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.02em;color:var(--mut-d)}.k6::before{content:"";width:22px;height:1px;background:var(--ember)}.k6.dark{color:var(--stone)}.k6.dark::before{background:var(--clay)}.story::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:0}.h6-glow{position:absolute;width:72vw;height:72vw;inset-inline-end:-18vw;top:-24vw;background:radial-gradient(closest-side, rgba(224, 120, 76, .32), rgba(224, 120, 76, 0));z-index:-1;animation:drift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:translate(-6vw, 7vw) scale(1.12)}}.h6-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.js .h6-cta,.js .h6-assure{opacity:0;animation:fadein 1s var(--ease) forwards}.js .h6-cta{animation-delay:1s}.js .h6-assure{animation-delay:1.2s}@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn6{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;transition:transform .25s var(--ease), background-color .25s, box-shadow .25s, color .25s}.btn6.primary{background:var(--fg-d);color:var(--night)}.btn6.primary:hover{color:var(--night);transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(224, 120, 76, .7)}.btn6.ghost{border:1px solid var(--hair-d);color:var(--fg-d)}.btn6.ghost:hover{color:var(--fg-d);background:rgba(243, 240, 235, .07)}.h6-assure{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13.5px;color:var(--mut-d)}.h6-assure li{display:flex;gap:8px;align-items:center}.h6-assure .ic{color:var(--sage-d)}.story-head h2{font-size:clamp(32px, 4vw, 56px);font-weight:300;letter-spacing:-0.028em;line-height:1.08;margin:0}html[lang="ar"] .story-head h2{letter-spacing:0;line-height:1.4;font-weight:400}.story{position:relative;background:var(--night);color:var(--fg-d);padding:clamp(96px, 10vw, 150px) 0 clamp(60px, 7vw, 100px);isolation:isolate}.story-wrap{position:relative;z-index:1}.story-head{display:grid;gap:16px;max-width:780px}.story-note{color:var(--mut-d);font-size:14.5px;margin:0;max-width:62ch}.story-body{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:64px;margin-top:24px}.story-steps{list-style:none;margin:0;padding:0}.story-steps li{min-height:64vh;display:grid;grid-template-columns:52px minmax(0, 1fr);gap:16px;align-content:center;transition:opacity .5s ease}.js .story-steps li{opacity:.25}.js .story-steps li.on{opacity:1}.sn{font-family:var(--mono);font-size:13px;color:var(--ember);padding-top:10px}.story-steps h3{font-size:clamp(24px, 2.4vw, 34px);font-weight:400;letter-spacing:-0.012em;line-height:1.2;margin:0}.story-steps p{color:var(--mut-d);margin:12px 0 0;max-width:40ch}.stage-wrap{position:sticky;top:14vh;height:72vh;display:grid;place-items:center;align-self:start}.stage{position:relative;width:min(540px, 100%);height:470px}@media (max-width:960px){.story-body{grid-template-columns:minmax(0, 1fr);gap:24px}.stage-wrap{position:relative;top:0;height:auto;order:-1;padding:10px 0 20px}.stage{height:500px}.story-steps li{min-height:0;padding:18px 0}}@media (max-width:960px){.stage{height:auto;display:grid;gap:14px}}.h6-glow.small{width:52vw;height:52vw;inset-inline-start:-14vw;inset-inline-end:auto;top:auto;bottom:-28vw}.pband{position:relative;min-height:80vh;display:grid;align-items:end;overflow:hidden;color:var(--fg-d);isolation:isolate;padding:0}.pb-img{position:absolute;inset:-12% 0;background-size:cover;background-position:center 40%;z-index:-2;transform:translate3d(0, var(--py, 0px), 0);will-change:transform}.pb-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg, rgba(18, 18, 17, .88) 0%, rgba(18, 18, 17, .35) 45%, rgba(18, 18, 17, .05) 75%)}.pb-wrap{padding-block:0 clamp(64px, 8vw, 120px)}.pband h2{font-size:clamp(46px, 7.4vw, 116px);font-weight:300;letter-spacing:-0.045em;line-height:.95;margin:0 0 22px}html[lang="ar"] .pband h2{letter-spacing:0;line-height:1.25;font-weight:400}.pband p{max-width:50ch;color:rgba(243, 240, 235, .86);font-size:clamp(16px, 1.4vw, 19px);margin:0}@media (prefers-reduced-motion:reduce){.h6-glow{animation:none!important}.js .h6-cta,.js .h6-assure{animation:none;opacity:1;transform:none;filter:none}}.hero.dark6{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--fg-d);padding-top:clamp(130px, 14vw, 170px)}.hero.dark6::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:0}.hero.dark6 .wrap{position:relative;z-index:1}.hero.dark6 h1{font-weight:300;letter-spacing:-0.03em}html[lang="ar"] .hero.dark6 h1{font-weight:400;letter-spacing:0}.hero.dark6 .lede{color:var(--mut-d)}.hero.dark6 .btn-primary{background:var(--fg-d);color:var(--night);border-radius:999px;padding:15px 26px}.hero.dark6 .btn-primary:hover{color:var(--night);box-shadow:0 14px 34px -12px rgba(224, 120, 76, .7)}.hero.dark6 .textlink{color:var(--fg-d)}.hero.dark6 .assure span{color:var(--mut-d)}.hero.dark6 .replay{color:var(--mut-d)}section{padding-block:clamp(96px, 11vw, 168px)}.head7{display:grid;gap:18px;max-width:780px;margin-bottom:clamp(48px, 5vw, 76px)}.head7 h2{font-size:clamp(32px, 4vw, 54px);font-weight:300;letter-spacing:-0.028em;line-height:1.1;margin:0}html[lang="ar"] .head7 h2{letter-spacing:0;line-height:1.4;font-weight:400}.head7 .lede{margin:0}.more7{font-weight:600;text-decoration:none;border-bottom:1px solid var(--clay);padding-bottom:2px}.site-head.h7{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}.h7 .wrap{padding-block:14px}.h7 .nav{gap:28px}.h7 .nav a,.dd-btn{font-size:15px}.h7 .nav a[aria-current="page"],.dd-btn[aria-current="page"]{color:var(--clay)}.btn7{padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--paper)!important;font-weight:600;text-decoration:none;transition:background-color .2s;white-space:nowrap}.btn7:hover{background:var(--clay)}.dd{position:relative}.dd-btn{background:none;border:0;font:inherit;color:var(--ink);display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:0}.chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.dd.open .chev{transform:rotate(-135deg) translate(-2px, 0)}.dd-menu{position:absolute;top:calc(100% + 20px);inset-inline-start:-28px;width:580px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 34px 70px -34px rgba(0, 0, 0, .35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s, transform .2s, visibility .2s;z-index:20}.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}.dd-menu a{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;text-decoration:none}.dd-menu a:hover,.dd-menu a[aria-current="page"]{background:var(--paper);color:var(--ink)}.dd-menu .ic{color:var(--clay);margin-top:2px}.dd-menu b{display:block;font-size:15px;font-weight:600}.dd-menu i{display:block;font-style:normal;font-size:13px;color:var(--stone);line-height:1.45;margin-top:2px}@media (max-width:1080px){.h7 .nav{gap:20px}}@media (max-width:900px){.h7 .nav{gap:0}.dd{width:100%}.dd-btn{width:100%;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.dd-menu{position:static;width:auto;grid-template-columns:minmax(0, 1fr);box-shadow:none;border:0;padding:4px 0 8px;display:none;opacity:1;visibility:visible;transform:none;background:transparent}.dd.open .dd-menu{display:grid}.dd-menu a{border-bottom:0!important;padding:10px 6px}.btn7{margin-top:14px;text-align:center;justify-content:center;display:flex}}.hero7{position:relative;background:var(--night);color:var(--fg-d);overflow:hidden;isolation:isolate;padding-block:clamp(88px, 10vw, 150px)}.hero7::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:0}.hero7 .h6-glow{opacity:.8}.hero7>.wrap{position:relative;z-index:1}.h7-wrap{display:grid;grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);gap:clamp(40px, 7vw, 110px);align-items:center}.h7-copy h1{font-size:clamp(38px, 4.8vw, 72px);font-weight:300;letter-spacing:-0.035em;line-height:1.05;margin:24px 0 26px;max-width:14ch}html[lang="ar"] .h7-copy h1{letter-spacing:0;line-height:1.32;font-weight:400;max-width:16ch}.h7-copy.wide{max-width:900px}.h7-copy.wide h1{max-width:22ch;font-size:clamp(34px, 4.2vw, 62px)}.h7-p{color:rgba(243, 240, 235, .74);font-size:clamp(17px, 1.4vw, 20px);max-width:56ch;margin:0;line-height:1.75}.hero7.small{padding-block:clamp(72px, 8vw, 120px)}@media (max-width:960px){.h7-wrap{grid-template-columns:minmax(0, 1fr)}}.pgrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px}.pc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(26px, 3vw, 38px)}.pc header{display:flex;align-items:center;gap:10px;color:var(--clay)}.pc-sys{font-size:13px;color:var(--stone)}.pc h3{font-size:23px;margin:18px 0 20px}.pc dl{margin:0;display:grid;gap:16px}.pc dt{font-size:12.5px;color:var(--stone);margin-bottom:3px}.pc dd{margin:0;font-size:16px;line-height:1.6}.pnote{margin:36px 0 0;color:var(--stone);max-width:72ch}@media (max-width:760px){.pgrid{grid-template-columns:minmax(0, 1fr)}}.wd-help{grid-row:1;border:1.5px solid var(--clay);border-bottom:0;height:24px;border-radius:12px 12px 0 0;position:relative;margin:0 12px}.wd-help span{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 12px;font-size:13px;color:var(--clay);font-weight:600;white-space:nowrap}@media (max-width:900px){.wd-help{display:none}}.sv-more{margin-top:10px;font-weight:600;font-size:15px}.trust7{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);gap:56px;align-items:start}.trust7 h2{font-size:clamp(28px, 3vw, 42px);font-weight:300;letter-spacing:-0.02em;margin:0;line-height:1.15}.trust7 p{margin:0 0 20px;font-size:17.5px;line-height:1.8}@media (max-width:760px){.trust7{grid-template-columns:minmax(0, 1fr);gap:20px}}.prob7{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr);gap:clamp(40px, 6vw, 96px);align-items:start}.prob7 .head7{margin:0}.big7{font-size:clamp(21px, 2.1vw, 29px);font-weight:300;line-height:1.55;margin:0;letter-spacing:-0.01em}html[lang="ar"] .big7{letter-spacing:0;line-height:1.8;font-weight:400}.pl7{list-style:none;margin:46px 0 0;padding:0;border-top:1px solid var(--line)}.pl7 li{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);font-size:16.5px;line-height:1.55}.pl7 .ic{color:var(--clay);margin-top:3px}@media (max-width:860px){.prob7{grid-template-columns:minmax(0, 1fr);gap:0}.pl7{margin-top:36px}}.get7{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:40px;align-items:start}.get7 .ways{grid-template-columns:minmax(0, 1fr)}@media (max-width:900px){.get7{grid-template-columns:minmax(0, 1fr)}}.hw{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.hw li{display:grid;grid-template-columns:64px minmax(0, 1fr) 200px;gap:28px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start}.hw-n{font-size:40px;font-weight:300;color:var(--clay);line-height:1}.hw h3{font-size:23px;margin:0 0 10px}.hw p{margin:0;color:var(--stone);max-width:64ch}.hw-t{font-size:14px;text-align:end;color:var(--ink)}@media (max-width:760px){.hw li{grid-template-columns:48px minmax(0, 1fr)}.hw-t{grid-column:2;text-align:start}}.price7{width:100%;border-collapse:collapse;min-width:720px}.price7 th,.price7 td{text-align:start;padding:24px 18px;border-bottom:1px solid var(--line);vertical-align:top}.price7 thead th{font-size:13px;color:var(--stone);font-weight:400;padding-top:0}.price7 tbody th a{display:flex;gap:10px;align-items:center;font-weight:600;text-decoration:none}.price7 tbody th .ic{color:var(--clay)}.price7 td b{display:block;font-weight:600;font-size:15px}.price7 td span{display:block;font-size:14px;color:var(--clay);margin-top:4px}.tablewrap{overflow-x:auto}.abgrid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.ab-p{padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);display:grid;gap:10px;align-content:start}.ab-p .ic{color:var(--clay)}.ab-p h3{font-size:20px;margin:8px 0 0}.ab-p p{margin:0;color:var(--stone)}@media (max-width:760px){.abgrid{grid-template-columns:minmax(0, 1fr)}}.btn6.line{border:1px solid var(--line);color:var(--ink);padding:10px 18px;font-size:14px}.btn6.line:hover{border-color:var(--ink);color:var(--ink)}.ct7{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ct7 li{display:grid;grid-template-columns:250px minmax(0, 1fr) auto;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.ct7 li>a:first-child{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.ct7 .ic{color:var(--clay)}.ct7 p{margin:4px 0 0;color:var(--stone)}@media (max-width:860px){.ct7 li{grid-template-columns:minmax(0, 1fr);gap:12px}.ct7 .btn6{justify-self:start}}.dd-btn{font-weight:400}.sec-head h2{font-weight:300;letter-spacing:-0.028em;font-size:clamp(32px, 4vw, 54px);line-height:1.1}html[lang="ar"] .sec-head h2{letter-spacing:0;line-height:1.4;font-weight:400}.k8{display:inline-flex;align-items:center;gap:8px;padding:7px 15px 7px 11px;border-radius:999px;font-size:13px;letter-spacing:.01em;color:#F6C3A9;background:rgba(224, 120, 76, .1);border:1px solid rgba(224, 120, 76, .32);width:max-content;max-width:100%}.k6.dark{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;background:rgba(181, 83, 47, .07);border:1px solid rgba(181, 83, 47, .2);color:var(--clay);width:max-content;max-width:100%}.k6.dark::before{width:7px;height:7px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 3px rgba(181, 83, 47, .15)}.hl8{background:linear-gradient(100deg, #F8D2BE 0%, var(--ember) 38%, #F3F0EB 62%, #F8D2BE 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hl8 9s ease-in-out infinite alternate}@keyframes hl8{to{background-position:100% 0}}.hero8{min-height:min(100svh, 980px);display:flex;align-items:center;padding-block:clamp(96px, 9vw, 140px)}.hero8>.wrap{width:100%}.h8-wrap{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:clamp(36px, 5vw, 84px)}.hero8 .h7-copy h1{font-size:clamp(38px, 4.1vw, 62px);max-width:16ch}@media (max-width:1100px){.h8-wrap{grid-template-columns:minmax(0, 1fr)}.h8-demo{max-width:680px}}.hero.dark6>.wrap,.hero7>.wrap{position:relative;z-index:1}.hero.dark6 .k8{margin-bottom:0}@media (max-width:960px){.hero8{min-height:0}}.h8-demo{position:relative;perspective:1700px}.cn-dots{display:flex;gap:6px}.cn-dots i{width:9px;height:9px;border-radius:50%;background:rgba(243, 240, 235, .16)}.cn-note{margin:14px 6px 0;font-size:12px;color:var(--mut-d);text-align:end}.sys8{position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:var(--fg-d);padding-block:clamp(110px, 11vw, 170px)}.sys8::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:-1}.sys8 .h6-glow{inset-inline-start:18vw;bottom:-30vw;opacity:.7}.sys8 .head7 h2{color:var(--fg-d)}.sys8 .lede{color:rgba(243, 240, 235, .72)}.sy-map{display:grid;grid-template-columns:minmax(0, 1fr) 54px minmax(0, 1.3fr) 54px minmax(0, 1.05fr) 54px minmax(0, .85fr);align-items:center}.sy-col{border-radius:26px;padding:24px 22px;background:rgba(243, 240, 235, .04);border:1px solid var(--hair-d)}.sy-col h3{font-size:13px;font-weight:500;color:var(--mut-d);margin:0 0 16px;letter-spacing:.02em}.sy-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.sy-col li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5}.sy-col li .ic{color:#F3A985;flex:none;margin-top:1px}.sy-core{padding:30px 26px;border-color:rgba(224, 120, 76, .45);background:radial-gradient(120% 90% at 50% 0%, rgba(224, 120, 76, .24), rgba(224, 120, 76, .04) 62%), rgba(243, 240, 235, .03);box-shadow:0 0 90px -24px rgba(224, 120, 76, .5)}.sy-core h3{color:var(--fg-d);font-size:17px;font-weight:600;text-align:center;letter-spacing:0}.sy-link{--dir: 1;position:relative;height:2px;margin:0 6px;background-image:linear-gradient(90deg, rgba(243, 240, 235, .25) 50%, transparent 0);background-size:8px 2px}html[dir="rtl"] .sy-link{--dir: -1}.sy-link i{position:absolute;top:-3px;inset-inline-start:0;width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember);animation:flow8 2.1s linear infinite;opacity:0}.sy-link i:nth-child(2){animation-delay:.7s}.sy-link i:nth-child(3){animation-delay:1.4s}@keyframes flow8{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(calc(var(--dir) * 34px));opacity:0}}.js .sy-map.armed .sy-col{opacity:0;transform:translateY(16px)}.js .sy-map.armed.play .sy-col{opacity:1;transform:none;transition:opacity .7s var(--ease) calc(var(--c) * .16s), transform .7s var(--ease) calc(var(--c) * .16s)}@media (max-width:1060px){.sy-map{grid-template-columns:minmax(0, 1fr);max-width:560px}.sy-link{height:40px;width:2px;margin:0;justify-self:center;background-image:linear-gradient(180deg, rgba(243, 240, 235, .25) 50%, transparent 0);background-size:2px 8px}.sy-link i{top:0;inset-inline-start:-3px;animation-name:flow8v}@keyframes flow8v{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(32px);opacity:0}}}.ph8{margin-top:clamp(96px, 10vw, 150px)}.ph-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px;counter-reset:ph}.ph-list li{position:relative;border-radius:26px;padding:30px 28px 32px;background:rgba(243, 240, 235, .04);border:1px solid var(--hair-d);display:grid;gap:12px;align-content:start}.ph-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--ember);background:rgba(224, 120, 76, .12);border:1px solid rgba(224, 120, 76, .3)}.ph-t{position:absolute;top:30px;inset-inline-end:26px;font-size:12px;color:var(--mut-d);padding:5px 11px;border-radius:999px;border:1px solid var(--hair-d)}.ph-list h3{font-size:23px;margin:8px 0 0;color:var(--fg-d)}.ph-list p{margin:0;color:rgba(243, 240, 235, .7);font-size:15.5px;line-height:1.7}.ph-list li:not(:last-child)::after{content:"";position:absolute;top:56px;inset-inline-end:-23px;width:24px;height:1px;background:rgba(224, 120, 76, .55)}.js .ph-list.armed li{opacity:0;transform:translateY(14px)}.js .ph-list.armed.play li{opacity:1;transform:none;transition:opacity .7s var(--ease) calc(var(--i) * .15s), transform .7s var(--ease) calc(var(--i) * .15s)}@media (max-width:860px){.ph-list{grid-template-columns:minmax(0, 1fr)}.ph-list li::after{display:none}}.pc,.ab-p{border-radius:28px;box-shadow:0 30px 70px -50px rgba(28, 28, 28, .35);transition:transform .45s var(--ease), box-shadow .45s}.pc:hover,.ab-p:hover{transform:translateY(-3px);box-shadow:0 40px 80px -48px rgba(28, 28, 28, .45)}.ways{border-radius:28px;overflow:hidden}.tablewrap{border-radius:28px;background:var(--surface);border:1px solid var(--line);padding:6px 22px}.price7 tbody tr:last-child th,.price7 tbody tr:last-child td{border-bottom:0}.price7 thead th{padding-top:22px}.wd-help{border-radius:18px 18px 0 0}.wd-help span{border-radius:999px;background:var(--clay);color:#fff;padding:4px 14px;top:-14px}.pl7 li .ic{flex:none}.dd-menu{border-radius:22px}@media (prefers-reduced-motion:reduce){.hl8,.sy-link i{animation:none!important}.sy-link i{display:none}}:root{--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--clay-b: #C9603A}.brand.lk{display:inline-flex;color:var(--ink);line-height:0}.brand.lk .lockup{height:40px;width:auto;display:block}.brand.lk .pt,.mk .pt{fill:var(--clay)}.site-foot .brand.lk .lockup{height:44px}@media (max-width:600px){.brand.lk .lockup{height:36px}}.brand.lk:hover{color:var(--ink)}.k8,.k6.dark,.hero7 .k6{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;border-radius:0;box-shadow:none;font-size:13.5px;font-weight:600;letter-spacing:.02em;width:auto}.k8::before,.k6.dark::before,.hero7 .k6::before{content:"";width:8px;height:8px;border-radius:0;background:var(--clay-b);box-shadow:none;flex:none}.k8,.hero7 .k6{color:var(--mut-d)}.k6.dark{color:var(--stone)}.k6.dark::before{background:var(--clay)}html[lang="ar"] .k8,html[lang="ar"] .k6{letter-spacing:0;font-size:14.5px}.hl8{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--clay-b);animation:none}.btn6{border-radius:var(--r-sm)}.btn7{border-radius:var(--r-sm)}.sy-col,.ph-list li{border-radius:var(--r-lg)}.sy-core{box-shadow:none;background:rgba(243, 240, 235, .055);border-color:rgba(201, 96, 58, .5)}.ph-ic{border-radius:var(--r-md)}.ph-ic{background:rgba(243, 240, 235, .06);border-color:var(--hair-d);color:var(--fg-d)}.ph-t{border-radius:6px}.wd-help{border-radius:10px 10px 0 0}.wd-help span{border-radius:6px}.pc,.ab-p,.ways,.tablewrap{border-radius:var(--r-lg)}.pc,.ab-p{box-shadow:none}.pc:hover,.ab-p:hover{box-shadow:0 24px 50px -40px rgba(28, 28, 28, .4)}.dd-menu{border-radius:var(--r-md)}.chart{border-radius:var(--r-lg)}.sy-mark{position:relative;width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;color:var(--fg-d);overflow:hidden}.sy-mark .mk{width:58px;height:58px}.sy-mark .mk .pt{fill:var(--clay-b);animation:pt9 2.4s ease-in-out infinite;transform-origin:50px 30px;transform-box:view-box}@keyframes pt9{0%,100%{opacity:1}50%{opacity:.35}}.sy-scan{position:absolute;inset-inline:6px;height:1.5px;top:0;background:var(--clay-b);opacity:.9;animation:scan9 2.4s cubic-bezier(.45, 0, .55, 1) infinite}@keyframes scan9{0%{top:8%;opacity:0}15%{opacity:.9}85%{opacity:.9}100%{top:88%;opacity:0}}.sy-link i{border-radius:0;width:7px;height:7px;box-shadow:none;background:var(--clay-b)}.sys8 .h6-glow{display:none}.hero8{min-height:calc(100svh - 74px);padding-block:clamp(36px, 6vh, 72px)}.hero8 .h7-copy h1{font-size:clamp(34px, min(3.5vw, 6.6vh), 58px);margin:18px 0 18px;max-width:17ch}html[lang="ar"] .hero8 .h7-copy h1{font-size:clamp(32px, min(3.2vw, 6vh), 52px);max-width:18ch}.hero8 .h7-p{font-size:clamp(15.5px, min(1.2vw, 2.2vh), 18px);line-height:1.65;max-width:50ch}.hero8 .h6-cta{margin-top:clamp(18px, 3vh, 30px)}.hero8 .h6-assure{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:clamp(16px, 2.6vh, 26px)}.hero8 .h6-assure li{font-size:13px}.cn-note{margin-top:10px}.h8-demo{max-width:620px;justify-self:end;width:100%}.wf9-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;flex-wrap:wrap}.wf9-hint{margin:0;font-size:13.5px;color:var(--stone)}.wf9{display:grid;grid-template-columns:repeat(var(--n), minmax(0, 1fr));row-gap:24px}.wf9 .wd-help{grid-row:1}.wf9-row{grid-row:2;grid-column:1 / -1;position:relative}.wf9-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n), minmax(0, 1fr));position:relative;z-index:1}.wf9-s{position:relative;padding:0 12px;display:grid;gap:12px;align-content:start;cursor:pointer;outline:none}.wf9-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line);color:var(--stone);transition:transform .35s var(--ease), box-shadow .35s, border-color .35s}.wf9-s.who-us .wf9-ic{background:var(--clay);border-color:var(--clay);color:#fff}.wf9-s.who-you .wf9-ic{border-color:var(--ink);color:var(--ink)}.wf9-s.on .wf9-ic{transform:translateY(-4px);box-shadow:0 16px 30px -16px rgba(28, 28, 28, .55), 0 0 0 5px rgba(181, 83, 47, .14)}.wf9-s:focus-visible .wf9-ic{box-shadow:0 0 0 3px var(--ink)}.wf9-n{position:absolute;top:-8px;inset-inline-start:62px;width:22px;height:22px;border-radius:6px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;font-size:11px;z-index:2}.wf9-tx{display:grid;gap:4px;transition:opacity .35s}.wf9-tx h3{font-size:16.5px;margin:0;line-height:1.35}.wf9-who{font-size:12.5px;color:var(--stone)}.wf9-s.who-us .wf9-who{color:var(--clay);font-weight:600}.js .wf9-s:not(.on) .wf9-tx{opacity:.6}.wf9-s:hover .wf9-tx{opacity:1}.wf9-track{position:absolute;top:29px;height:2px;inset-inline-start:42px;inset-inline-end:calc(100% / var(--n) - 42px);z-index:0;background-image:linear-gradient(90deg, var(--line) 55%, transparent 0);background-size:10px 2px}.wf9-fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p, 0) * 100%);background:var(--clay);transition:width .7s var(--ease)}.wf9-dot{position:absolute;top:-3px;width:8px;height:8px;background:var(--clay);animation:wdot 3.2s linear infinite}@keyframes wdot{0%{inset-inline-start:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{inset-inline-start:100%;opacity:0}}.wf9-d{display:none}html:not(.js) .wf9-d{display:block;font-size:14px;color:var(--stone)}.wf9-d p{margin:0 0 10px}.wf9-panel{grid-row:3;grid-column:1 / -1;margin-top:10px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:22px 26px;display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);gap:30px;align-items:start;min-height:128px;transition:opacity .25s}html:not(.js) .wf9-panel{display:none}.wp-a b{display:flex;gap:10px;align-items:baseline;font-size:17px}.wp-a b .num{color:var(--clay);font-size:14px}.wp-a p{margin:8px 0 0;color:var(--stone);font-size:15px;line-height:1.65}.wf9-ex{border-radius:12px;background:var(--paper);border:1px dashed rgba(181, 83, 47, .45);padding:14px 16px;display:grid;gap:6px}.wf9-ex span{font-size:12px;color:var(--clay);font-weight:600;letter-spacing:.02em}.wf9-ex b{font-size:15px;font-weight:500;line-height:1.55}@media (max-width:900px){.wf9{grid-template-columns:minmax(0, 1fr)}.wf9 .wd-help,.wf9-track,.wf9-hint{display:none}.wf9-list{grid-template-columns:minmax(0, 1fr);gap:6px}.wf9-s{grid-template-columns:50px minmax(0, 1fr);column-gap:14px;padding:10px;border-radius:14px;border:1px solid transparent}.wf9-s.on{background:var(--surface);border-color:var(--line)}.wf9-ic{width:50px;height:50px;border-radius:13px}.wf9-s.on .wf9-ic{transform:none;box-shadow:none}.wf9-n{inset-inline-start:50px;top:2px}.wf9-tx{align-self:center}.js .wf9-s.on .wf9-d{display:block;grid-column:1 / -1}.wf9-d p{color:var(--stone);font-size:14.5px;margin-top:4px}.wf9-panel{display:none!important}}.dvw{width:100%;max-width:560px;justify-self:end}.dv{margin:0;border-radius:var(--r-lg);overflow:hidden;color:var(--fg-d);font-size:12.5px;background:linear-gradient(180deg, rgba(40, 37, 34, .88), rgba(22, 21, 20, .94));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(243, 240, 235, .13);box-shadow:0 50px 100px -50px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06)}.dv-top{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--hair-d)}.dv-top b{font-weight:500;color:var(--mut-d);font-size:12.5px}.dv-badge{margin-inline-start:auto;font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(243, 240, 235, .07);color:var(--fg-d);white-space:nowrap}.dv-body{padding:14px;transition:opacity .5s;min-height:300px}.dv-foot{padding:10px 14px;border-top:1px solid var(--hair-d);color:var(--sage-d);font-size:12px;transition:opacity .5s}.js .dv.run [data-t]{opacity:0;transform:translateY(6px)}.js .dv.run [data-t].on{opacity:1;transform:none;transition:opacity .45s var(--ease), transform .45s var(--ease)}.dv-ck{flex:none;width:16px;height:16px;border-radius:5px;position:relative;display:inline-block;vertical-align:middle}.dv-ck.ok{background:rgba(141, 191, 156, .2)}.dv-ck.ok::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid var(--sage-d);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}.dv-ck.fix,.dv-ck.miss{background:var(--clay-b)}.dv-ck.fix::after,.dv-ck.miss::after{content:"!";position:absolute;inset:0;text-align:center;font:700 11px/16px var(--sans, sans-serif);color:var(--night)}.dv-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.dv-tr{display:grid;grid-template-columns:66px minmax(0, 1fr) auto;gap:10px;align-items:center;padding:7px 9px;border-radius:8px;border:1px solid transparent}.dv-tr .num{color:var(--mut-d);font-size:11.5px}.dv-tt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-tr.no.on{opacity:.45;transition:opacity .6s .5s}.dv-tr.fit{background:rgba(141, 191, 156, .08);border-color:rgba(141, 191, 156, .35)}.dv-chip{font-style:normal;font-size:10.5px;padding:3px 7px;border-radius:5px;white-space:nowrap}.dv-chip.no{color:var(--mut-d);background:rgba(243, 240, 235, .06)}.dv-chip.fit{color:var(--sage-d);background:rgba(141, 191, 156, .16)}.dv-sub{margin-top:12px;padding:11px 12px;border-radius:10px;border:1px solid var(--hair-d);background:rgba(0, 0, 0, .14)}.dv-sub>b{display:block;font-size:11.5px;color:var(--mut-d);font-weight:500;margin-bottom:8px}.dv-docs{list-style:none;margin:0;padding:0;display:grid;gap:7px}.dv-docs li{display:grid;grid-template-columns:16px minmax(0, 1fr);column-gap:9px;align-items:center}.dv-docs em{grid-column:2;font-style:normal;color:#F3A985;font-size:11.5px}.dv-docs li.fix span{color:#F8D2BE;font-weight:600}.dv-count{display:flex;align-items:baseline;gap:10px}.dv-count b{font-size:46px;font-weight:300;letter-spacing:-0.03em;line-height:1}.dv-count span{color:var(--mut-d)}.dv-bar{height:6px;border-radius:3px;background:rgba(243, 240, 235, .1);margin:14px 0 16px;overflow:hidden}.dv-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg, var(--sage-d), #B9DCC3)}.js .dv.run .dv-bar:not(.on) i{width:0}.dv-bar.on i{transition:width 2.2s linear}.dv-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dv-split>div{border-radius:10px;padding:10px 12px;display:grid;gap:2px}.dv-split span{font-size:11.5px;color:var(--mut-d)}.dv-split b{font-size:24px;font-weight:400}.dv-split .ok{background:rgba(141, 191, 156, .1)}.dv-split .ok b{color:var(--sage-d)}.dv-split .fix{background:rgba(201, 96, 58, .12)}.dv-split .fix b{color:#F3A985}.dv-split em{font-style:normal;font-size:11.5px;color:#F3A985}.dv-reasons{list-style:none;margin:12px 0 0;padding:0}.dv-reasons li{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-bottom:1px solid var(--hair-d)}.dv-reasons b{color:#F3A985;font-weight:600}.fp{position:relative;padding:16px 0 4px}.fp-sts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));position:relative;z-index:1}.fp-st{display:grid;justify-items:center;gap:8px;text-align:center}.fp-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#262421;border:1px solid var(--hair-d);color:var(--fg-d)}.fp-st.core .fp-ic{border-color:var(--clay-b);color:var(--clay-b)}.fp-st b{font-size:11px;font-weight:500;color:var(--mut-d);line-height:1.3}.fp-track{position:absolute;top:38px;height:2px;inset-inline:12.5%;background-image:linear-gradient(90deg, rgba(243, 240, 235, .22) 55%, transparent 0);background-size:8px 2px;z-index:0}.fp-tok{position:absolute;top:-4px;width:10px;height:10px;border-radius:3px;background:var(--sage-d);animation:tok9 4.2s linear infinite;animation-delay:calc(var(--k) * -.7s)}@keyframes tok9{0%{inset-inline-start:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{inset-inline-start:100%;opacity:0}}.fp-hold{position:absolute;top:-5px;width:12px;height:12px;border-radius:3px;background:var(--clay-b);inset-inline-start:27%;z-index:2;box-shadow:0 0 0 4px rgba(201, 96, 58, .2)}.js .dv.run .fp-hold:not(.on){inset-inline-start:0%}.js .dv.run .fp-hold.on{transition:inset-inline-start 1.8s cubic-bezier(.2, .7, .2, 1), opacity .3s}.fp-flag{margin:16px 0 0;padding:9px 11px;border-radius:10px;background:rgba(201, 96, 58, .12);border:1px solid rgba(201, 96, 58, .4);color:#F8D2BE;display:flex;gap:8px;align-items:center}.fp-flag .pt{width:7px;height:7px;background:var(--clay-b);flex:none}.dv-stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin-top:12px}.dv-stats>div{border-radius:10px;padding:10px 12px;background:rgba(243, 240, 235, .045);display:grid;gap:2px}.dv-stats b{font-size:20px;font-weight:400}.dv-stats span{font-size:11px;color:var(--mut-d)}.dv-stats>div:nth-child(2) b{color:#F3A985}.dv-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.dv-tiles li{border-radius:10px;padding:11px 12px;background:rgba(243, 240, 235, .045);border:1px solid var(--hair-d)}.dv-tiles li.fix{border-color:rgba(201, 96, 58, .35)}.dv-tiles b{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-pb{display:block;height:5px;border-radius:3px;background:rgba(243, 240, 235, .1);margin:9px 0 8px;overflow:hidden}.dv-pb i{display:block;height:100%;width:var(--v);background:var(--sage-d)}.dv-tiles li.fix .dv-pb i{background:var(--clay-b)}.js .dv.run .dv-tiles li:not(.on) .dv-pb i{width:0}.dv-tiles li.on .dv-pb i{transition:width 1.4s var(--ease) .2s}.dv-tiles em{font-style:normal;font-size:11px;display:flex;gap:6px;align-items:center;color:var(--mut-d)}.dv-tiles li.fix em{color:#F3A985}.dv-tiles .dv-ck{width:14px;height:14px}.dv-tiles .dv-ck.ok::after{left:4px;top:2px}.dv-tiles .dv-ck.fix::after{line-height:14px;font-size:10px}.cx{position:relative}.cx-r{display:grid;grid-template-columns:minmax(0, 1.05fr) repeat(3, minmax(0, 1fr)) 16px;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--hair-d)}.cx-h{padding-top:0}.cx-h .th{font-size:10.5px;color:var(--mut-d)}.cx-r>.th{color:var(--mut-d);font-size:11.5px}.td{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td.bad{color:#F3A985;font-weight:600}.cx-r.fix,.cx-r.miss{background:rgba(201, 96, 58, .06)}.dv-note{grid-column:1 / -1;font-style:normal;font-size:11.5px;color:#F3A985}.cx-scan{position:absolute;inset-inline:0;height:1.5px;top:30px;background:var(--clay-b);opacity:0;pointer-events:none}.dv.run-anim .cx-scan{animation:cxs 4s cubic-bezier(.45, 0, .55, 1) .2s 1 forwards}@keyframes cxs{0%{top:30px;opacity:0}8%{opacity:.9}92%{opacity:.9}100%{top:100%;opacity:0}}.q-h{display:grid;grid-template-columns:1fr 34px 1fr;font-size:10.5px;color:var(--mut-d);padding:0 2px 8px}.q-h span:last-child{grid-column:3}.q-rows{list-style:none;margin:0;padding:0}.q-rows li{display:grid;grid-template-columns:1fr 34px 1fr;gap:6px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--hair-d);font-size:11.5px}.q-ln{height:1.5px;position:relative}.q-ln i{position:absolute;inset:0;background:var(--sage-d);transform-origin:left center}html[dir="rtl"] .q-ln i{transform-origin:right center}.q-rows li.fix .q-ln i{background:var(--clay-b)}.js .dv.run .q-rows li:not(.on) .q-ln i{transform:scaleX(0)}.q-rows li.on .q-ln i{transition:transform .5s var(--ease) .25s}.js .dv.run .q-rows li .q-r{opacity:0}.js .dv.run .q-rows li.on .q-r{opacity:1;transition:opacity .4s .65s}.q-r{display:flex;gap:7px;align-items:center}.q-rows li.fix .q-r{color:#F3A985;font-weight:600}.q-tot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px}.q-tot>span{color:var(--mut-d);font-size:11.5px}.q-tot b{font-size:18px;font-weight:500}.q-tot b i{font-style:normal;font-size:12px;color:var(--mut-d);font-weight:400}@media (max-width:960px){.dvw{justify-self:stretch;max-width:none}}@media (max-width:480px){.dv-tr{grid-template-columns:58px minmax(0, 1fr)}.dv-tr .dv-chip{grid-column:2;justify-self:start}.cx-r{grid-template-columns:1fr repeat(3, minmax(0, 1fr)) 14px;gap:5px}}.chart{padding:26px 28px}.chart figcaption b{font-size:15px}.bars .bt,.prog .bt{border-radius:4px;overflow:hidden;position:relative}.bars .bf,.prog .bf{border-radius:4px;position:relative;overflow:hidden}.funnel .fb{border-radius:6px;position:relative;overflow:hidden}.chart.play .bars .bf::after,.chart.play .prog .bf::after,.chart.play .funnel .fb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);transform:translateX(-100%);animation:sheen9 4.8s ease-in-out infinite;animation-delay:calc(1.6s + var(--i, 0) * .25s)}@keyframes sheen9{0%{transform:translateX(-100%)}35%,100%{transform:translateX(100%)}}.dn{position:relative}.dn-orb{position:absolute;inset:0;animation:orb9 9s linear infinite;pointer-events:none}.dn-orb::before{content:"";position:absolute;top:8%;left:50%;width:7px;height:7px;background:var(--ink);transform:translate(-50%, -50%)}@keyframes orb9{to{transform:rotate(360deg)}}.win-wrap{position:relative}.win-run{position:relative;height:14px;margin-top:4px}.win-run i{position:absolute;top:3px;width:9px;height:9px;background:var(--sage);animation:win9 7s ease-in-out infinite}@keyframes win9{0%{inset-inline-start:0%;background:#3E7A55}30%{background:#3E7A55}34%{inset-inline-start:36%;background:var(--clay)}62%{background:var(--clay)}66%{inset-inline-start:70%;background:var(--ink)}92%{inset-inline-start:98%;opacity:1}100%{inset-inline-start:98%;opacity:0}}.js .chart.armed .ge:not(.t-miss){stroke-dasharray:none;stroke-dashoffset:0}.ge.t-ok{stroke:var(--line);stroke-width:2}.gf{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:4 10;animation:gdash 1.1s linear infinite}.gf.t-ok{stroke:var(--ink)}.gf.t-fix{stroke:#fff;stroke-dasharray:3 12;opacity:.8}@keyframes gdash{to{stroke-dashoffset:-14}}.gn{border-radius:10px;box-shadow:0 10px 24px -18px rgba(28, 28, 28, .5)}.gl{border-radius:6px}@media (prefers-reduced-motion:reduce){.wf9-dot,.fp-tok,.gf,.dn-orb,.win-run i,.sy-mark .mk .pt,.sy-scan{animation:none!important}.chart .bf::after,.chart .fb::after{display:none}}.hero.dark6 .h6-glow{opacity:.35}.hero.dark6 .btn-primary{border-radius:var(--r-sm)}.nav .lang{border-radius:var(--r-sm)}.h6-glow{animation:none}.hl8{animation:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ember)}.js .h6-cta,.js .h6-assure{opacity:1;animation:none;transform:none}.hero8 .h6-assure{gap:10px 22px}.pt{display:inline-block;width:10px;height:10px;background:var(--clay);flex:none}@keyframes land10{0%{opacity:0;transform:translate(var(--dx, 26px), -30px) rotate(25deg)}60%{opacity:1}100%{opacity:1;transform:none}}html[dir="rtl"]{--dx: -26px}.replay{font:inherit;font-size:12.5px;color:inherit;background:none;border:0;padding:4px 0;margin-inline-start:10px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--ember);text-underline-offset:3px}.replay:hover{color:var(--ember)}.replay[hidden]{display:none}.js .story-steps li{opacity:0.5}.js .story-steps li.on{opacity:1}@media (min-width:961px){.story-steps li{min-height:46vh}.story-steps{position:relative}.story-steps::before,.story-steps::after{content:"";position:absolute;inset-inline-start:-26px;top:18vh;bottom:18vh;width:2px;border-radius:2px}.story-steps::before{background:var(--hair-d)}.story-steps::after{background:var(--ember);transform-origin:top;transform:scaleY(var(--p, 0))}@supports (animation-timeline:view()){.story-steps::after{transform:none;animation:rail10 linear both;animation-timeline:view();animation-range:contain 0% contain 100%}}}@keyframes rail10{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.story-steps::before,.story-steps::after{display:none}}.flow10{display:grid;grid-template-columns:minmax(0, 1fr) 40px minmax(0, 1fr);gap:20px;align-items:center;margin-top:clamp(40px, 6vw, 72px);padding-top:28px;border-top:1px solid var(--hair-d);font-size:15px}.flow10>div{display:grid;gap:6px}.flow10 b{font-size:12.5px;font-weight:400;color:var(--mut-d);letter-spacing:0.06em;text-transform:uppercase}html[lang="ar"] .flow10 b{letter-spacing:0;text-transform:none;font-size:14px}.flow10-arr{height:2px;background:var(--hair-d);position:relative}.flow10-arr::after{content:"";position:absolute;inset-inline-end:0;top:-4px;width:10px;height:10px;background:var(--ember)}@media (max-width:760px){.flow10{grid-template-columns:minmax(0, 1fr)}.flow10-arr{display:none}}.pc dl>div:first-child dt{display:flex;align-items:center;gap:8px}.pc dl>div:first-child dt::before{content:"";width:7px;height:7px;background:var(--clay);flex:none}.dkgrid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:36px}.dk{display:grid;gap:12px;align-content:start;padding:22px 22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit;transition:border-color 0.25s, transform 0.25s var(--ease), box-shadow 0.25s}.dk:hover{color:inherit;border-color:var(--clay);transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(0, 0, 0, 0.35)}.dk-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dk-t b{font-size:18px;font-weight:600}.dk-t .ic,.dk-t svg{color:var(--clay);flex:none}.dk-f{font-size:14px;color:var(--stone)}.dk-f b{color:var(--clay);font-weight:600}.dk-out{display:grid;gap:6px}.dk-l{font-size:11.5px;color:var(--stone);letter-spacing:0.06em;text-transform:uppercase}html[lang="ar"] .dk-l{letter-spacing:0;text-transform:none;font-size:13px}.dk-doc{display:grid;gap:4px;padding:12px 14px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:13.5px}.dk-doc b{font-size:13px;font-weight:600}.dk-doc span{display:flex;gap:8px;align-items:baseline;color:var(--ink)}.dk-doc .pt{width:8px;height:8px;transform:translateY(-1px)}.dk-p{font-size:14.5px;font-weight:600}.dk .sv-more{font-size:14px;color:var(--clay)}.dk-feat{grid-column:span 2;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);column-gap:28px}.dk-feat .dk-t,.dk-feat .dk-f{grid-column:1 / -1}.dk-feat .dk-t b{font-size:22px}.dk-feat .dk-out{grid-row:span 2}.dk-soon{grid-column:1 / -1;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:8px 24px;background:transparent;border-style:dashed;padding-block:16px}.dk-soon .dk-t b{font-size:16px}.dk-soon .dk-wait{font-size:14px;color:var(--stone)}.soon{font-style:normal;font-size:11px;font-weight:400;line-height:1.6;padding:0 8px;border-radius:999px;border:1px solid var(--line);color:var(--stone);white-space:nowrap;letter-spacing:0;text-transform:none;vertical-align:middle}html[lang="ar"] .soon{font-size:12px}.dk-note{margin-top:22px;color:var(--stone);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}@media (max-width:960px){.dkgrid{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}.dk-feat{grid-column:1 / -1}}@media (max-width:640px){.dkgrid{grid-template-columns:minmax(0, 1fr)}.dk-feat{grid-template-columns:minmax(0, 1fr)}.dk-feat .dk-out{grid-row:auto}.dk-soon{grid-template-columns:minmax(0, 1fr)}}.js .sy-map.armed .sy-col,.js .ph-list.armed li,.js .chart.armed .window li{opacity:1;transform:none}.ppl{list-style:none;margin:26px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px}.ppl li{display:grid;gap:4px}.ppl b{font-weight:600}.ppl li>span:last-child{font-size:14px;color:var(--stone)}.ppl-ph{width:72px;height:72px;border:1.5px dashed var(--line);border-radius:14px;display:grid;place-items:center;font-size:10.5px;color:var(--stone);text-align:center;margin-bottom:8px;background:var(--surface)}@media (max-width:640px){.ppl{grid-template-columns:minmax(0, 1fr)}.ppl li{grid-template-columns:72px minmax(0, 1fr);column-gap:14px}.ppl-ph{grid-row:span 2;margin:0}}.band-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.band-acts .btn6{padding:13px 22px;font-size:15px}.band .btn6.ghost{border:1px solid var(--panel-line);color:var(--panel-fg)}.band .btn6.ghost:hover{color:var(--panel-fg);background:rgba(243, 240, 235, 0.07)}.btn6 .ic{flex:none}@media (prefers-reduced-motion:no-preference){.js .bracket.armed i:nth-child(3){opacity:0}.js .bracket.armed.play i:nth-child(3){animation:land10 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s both}}.mbar{display:none}@media (max-width:760px){.mbar{display:flex;position:fixed;z-index:40;inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom, 0px));gap:10px;padding:8px;background:var(--panel);border:1px solid var(--panel-line);border-radius:999px;box-shadow:0 18px 40px -14px rgba(0, 0, 0, 0.55);transform:translateY(140%);transition:transform 0.35s var(--ease)}.mbar.show{transform:none}.mbar .btn6{flex:1;justify-content:center;padding:12px 18px;font-size:15px;background:var(--panel-fg);color:var(--panel)}.mbar-wa{width:46px;flex:none;display:grid;place-items:center;border-radius:999px;color:var(--panel-fg);border:1px solid var(--panel-line)}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.mbar{transition:none}}.site-foot .fh{font-size:13px;font-weight:400;line-height:1.4;color:var(--stone);letter-spacing:0.1em;text-transform:uppercase;margin:0 0 12px;max-width:none}html[lang="ar"] .site-foot .fh{letter-spacing:0;text-transform:none;font-size:14px}.site-foot ul{gap:2px}.site-foot ul a,.site-foot .legal a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding-block:4px}.site-foot .soon{font-size:10.5px}.notice10{display:flex;gap:10px;align-items:baseline;max-width:62ch;margin:0;padding:14px 16px;border:1px solid var(--hair-d);border-radius:14px;background:rgba(243, 240, 235, 0.05);color:var(--fg-d);font-size:15px}.notice10 .pt{background:var(--ember);transform:translateY(1px)}.notice10 b{font-weight:600;white-space:nowrap}.form10{display:grid;grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);gap:clamp(28px, 5vw, 72px);align-items:start}.form10-intro{display:grid;gap:14px}.form10-intro h2{margin:0}.ct-direct{display:grid;gap:4px;margin-top:14px;font-size:15px}.ct-direct b{font-size:13px;font-weight:400;color:var(--stone)}.ct-direct a{display:inline-flex;align-items:center;gap:8px;min-height:36px;width:max-content;max-width:100%}.lead{display:grid;gap:16px;padding:clamp(20px, 3vw, 32px);background:var(--surface);border:1px solid var(--line);border-radius:20px}.lead .f2{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:16px}.lead label{display:grid;gap:6px;font-size:14px}.lead label>span{color:var(--stone)}.lead input:not([type=checkbox]),.lead select,.lead textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:11px 13px;min-height:46px}.lead textarea{min-height:88px;resize:vertical}.lead input:focus-visible,.lead select:focus-visible,.lead textarea:focus-visible{outline:2px solid var(--clay);outline-offset:1px;border-color:var(--clay)}.lead .ck{grid-template-columns:22px minmax(0, 1fr);align-items:start;gap:10px;font-size:14px}.lead .ck>span{color:var(--ink)}.lead .ck input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--clay)}.lead button[type=submit]{justify-self:start;border:0;cursor:pointer;font:inherit;font-weight:600;background:var(--ink);color:var(--paper)}.lead button[type=submit]:hover{color:var(--paper);transform:translateY(-1px)}@media (max-width:860px){.form10{grid-template-columns:minmax(0, 1fr)}}@media (max-width:520px){.lead .f2{grid-template-columns:minmax(0, 1fr)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:0.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}.home10>section{padding-block:clamp(64px, 7.5vw, 104px)}.home10>.hero8{padding-block:clamp(88px, 8vw, 120px) clamp(56px, 6vw, 88px)}.home10>.story{padding-block:clamp(72px, 8vw, 116px) clamp(48px, 5vw, 76px)}.home10 .head7{margin-bottom:clamp(30px, 3.4vw, 48px)}.home10 .faq summary{padding-block:17px}.home10 .band .wrap{padding-block:clamp(56px, 7vw, 96px)}@media (min-width:961px){.home10 .story-steps li{min-height:36vh}}@media (min-width:1101px){.home10 .pgrid{grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}.home10 .data-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.home10 .data-grid div{align-content:start}@media (min-width:1101px){.home10 .data-grid div{padding:26px 26px 30px;border-inline-start:1px solid var(--line)}.home10 .data-grid div:first-child{border-inline-start:0;padding-inline-start:0}.home10 .data-grid div:last-child{padding-inline-end:0}}.dk-c{font-size:15px;color:var(--ink)}.dk-feat .dk-c{align-self:end}.dk-feat .dk-out{grid-row:span 3}.sy-link i,.sy-mark .mk .pt,.sy-scan,.dn-orb,.gf,.chart.play .ge.t-fix,.chart.play .bars .bf::after,.chart.play .prog .bf::after,.chart.play .funnel .fb::after{animation:none!important}.wf9-dot{animation:none!important;opacity:1;inset-inline-start:calc(var(--p, 0) * 100%);transition:inset-inline-start 0.45s var(--ease)}.fp-tok,.win-run i{animation-iteration-count:1!important;animation-fill-mode:forwards!important}:root{--clay-tx: #a84c2a}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--clay-tx: var(--clay)}}:root[data-theme="dark"]{--clay-tx: var(--clay)}.sv-more,.dk .sv-more,.wf9-ex>span,.dk-f b{color:var(--clay-tx)}.site-head,.cd,.wf9-panel{--clay: var(--clay-tx)}h2.k6{font-size:13.5px;font-weight:600;line-height:1.65;letter-spacing:0.02em;margin:0;max-width:none;font-family:inherit}html[lang="ar"] h2.k6{letter-spacing:0;font-size:14.5px}h2.h3s{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-0.015em;margin:0;max-width:none}html[lang="ar"] h2.h3s{letter-spacing:0}
/* ======================= v11: premium, tech, still on story =======================
   WebGL hero (OGL): the queue of submissions, one scan, the point lands, an annotation shows the reason.
   GSAP + ScrollTrigger + SplitText for choreography, Lenis for smooth wheel scrolling on desktop,
   native View Transitions between pages. Every motion still runs once and ends still. */

/* ---------- Lenis ---------- */
html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* ---------- hero: the stage ---------- */
.hero8 { overflow: hidden; isolation: isolate; }
.hero-gl { position: absolute; inset: 0; width: 100% !important; height: 100% !important; z-index: 0; opacity: 0; transition: opacity 0.7s ease; pointer-events: none; }
.hero-gl.on { opacity: 1; }
.h11-grid { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: linear-gradient(rgba(243, 240, 235, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(243, 240, 235, 0.05) 1px, transparent 1px);
  background-size: 64px 64px; background-position: -1px -1px;
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 72% 46%, #000 0%, transparent 72%); mask-image: radial-gradient(ellipse 60% 70% at 72% 46%, #000 0%, transparent 72%); }
html[dir="rtl"] .h11-grid { -webkit-mask-image: radial-gradient(ellipse 60% 70% at 28% 46%, #000 0%, transparent 72%); mask-image: radial-gradient(ellipse 60% 70% at 28% 46%, #000 0%, transparent 72%); }
.hero8 > .wrap { position: relative; z-index: 2; }
.h11-stage { position: relative; min-height: 560px; max-width: none; perspective: none; }
.h11-wire { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: 1; pointer-events: none; }
.h11-wire path { fill: none; stroke: var(--ember); stroke-width: 1.2; stroke-dasharray: 4 4; opacity: 0; transition: opacity 0.4s; }
.h11-wire rect { fill: var(--ember); opacity: 0; transition: opacity 0.4s; }
.h11-wire.in path, .h11-wire.in rect { opacity: 0.9; }
.cons.cons-call { position: absolute; inset-inline-start: 0; top: 8%; width: 300px; transform: none; z-index: 2;
  background: linear-gradient(180deg, rgba(40, 37, 34, 0.74), rgba(22, 21, 20, 0.84)); }
.has-gl .cons-call:not(.in) { opacity: 0; translate: 0 12px; visibility: hidden; }
.cons-call { transition: opacity 0.5s ease, translate 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); }
.cons-call .cn-body { grid-template-columns: minmax(0, 1fr); }
.cons-call .cn-doc { border: 0; padding: 14px 16px 16px; background: none; }
.h11-stage .cn-note { position: absolute; bottom: -4px; inset-inline-end: 0; margin: 0; z-index: 2; white-space: nowrap; }
/* without WebGL the annotation simply sits in the stage, same box, no layout change */
html:not(.has-gl) .cons.cons-call { inset-inline-start: auto; inset-inline-end: 0; top: 50%; translate: 0 -50%; width: min(340px, 100%); }
@media (max-width: 1100px) { .h11-stage { min-height: 520px; } }
@media (max-width: 760px) {
  .h11-stage { min-height: 640px; margin-top: 18px; }
  .cons.cons-call { width: min(300px, 100%); }
}

/* ---------- headline reveal (SplitText): hidden only until the split is ready, never longer than 0.45s (v13) ---------- */
@keyframes h11-unhide { to { visibility: visible; } }
html.js.gsap .h11-split:not(.split-ready) { visibility: hidden; animation: h11-unhide 0s 0.45s forwards; }

/* ---------- cards: a soft light follows the pointer ---------- */
.dk, .pc { position: relative; overflow: hidden; }
.dk::after, .pc::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 0.35s;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(181, 83, 47, 0.10), transparent 60%); }
.dk:hover::after, .pc:hover::after { opacity: 1; }

/* ---------- story: progress is driven by ScrollTrigger when GSAP is present ---------- */
.gsap .story-steps::after { animation: none !important; transform: scaleY(var(--p, 0)); }
.story .stage { transform-style: preserve-3d; will-change: transform; }

/* ---------- page to page: native View Transitions (Chrome, Edge, Safari 18.2+; others just navigate) ---------- */
@view-transition { navigation: auto; }
.site-head { view-transition-name: site-head; }
main { view-transition-name: main; }
::view-transition-old(main) { animation: 220ms cubic-bezier(0.4, 0, 1, 1) both vt-out; }
::view-transition-new(main) { animation: 380ms cubic-bezier(0.2, 0.8, 0.2, 1) both vt-in; }
@keyframes vt-out { to { opacity: 0; transform: translateY(-8px); } }
@keyframes vt-in { from { opacity: 0; transform: translateY(14px); } }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(main), ::view-transition-new(main) { animation: none; }
  .hero-gl { transition: none; }
  .dk::after, .pc::after { display: none; }
}

/* ======================= v12/v13 hero: the invoice is understood, not scanned ======================= */
.hx { position: relative; max-width: none; min-height: 560px; perspective: none; }
.hx-glow { position: absolute; inset: -10% -20% -10% -10%; pointer-events: none; z-index: 0;
  background: radial-gradient(42% 46% at 34% 46%, rgba(224, 120, 76, 0.16), rgba(224, 120, 76, 0) 70%),
              radial-gradient(30% 34% at 78% 40%, rgba(141, 191, 156, 0.07), rgba(141, 191, 156, 0) 70%); }
html[dir="rtl"] .hx-glow { background: radial-gradient(42% 46% at 66% 46%, rgba(224, 120, 76, 0.16), rgba(224, 120, 76, 0) 70%),
              radial-gradient(30% 34% at 22% 40%, rgba(141, 191, 156, 0.07), rgba(141, 191, 156, 0) 70%); }
.hx-scene { position: relative; z-index: 1; height: 560px; perspective: 1700px; }

/* ---------- the paper ---------- */
.hx-doc { position: absolute; inset-inline-start: 0; top: 12px; width: 318px; padding: 18px 18px 13px; border-radius: 5px;
  background: linear-gradient(180deg, #faf8f4 0%, #f3efe8 100%); color: #1c1c1c; font-size: 10px; line-height: 1.45; font-weight: 400;
  transform: rotateY(-17deg) rotateX(8deg) rotateZ(-1.2deg); transform-origin: 70% 45%; transform-style: preserve-3d;
  box-shadow: 0 60px 90px -40px rgba(0, 0, 0, 0.9), 0 22px 44px -22px rgba(0, 0, 0, 0.65), inset 0 0 0 1px rgba(0, 0, 0, 0.04); }
html[dir="rtl"] .hx-doc { transform: rotateY(17deg) rotateX(8deg) rotateZ(1.2deg); transform-origin: 30% 45%; }
.hx-doc .hx-alt { display: block; color: #8a8378; font-size: 0.86em; line-height: 1.3; }
.hx-sheen { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0;
  background: linear-gradient(100deg, rgba(181, 83, 47, 0) 30%, rgba(181, 83, 47, 0.09) 46%, rgba(255, 255, 255, 0.55) 50%, rgba(181, 83, 47, 0.07) 54%, rgba(181, 83, 47, 0) 70%);
  background-size: 300% 100%; background-position: 120% 0; }
.hx-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding-bottom: 12px; border-bottom: 1.5px solid #1c1c1c; }
.hx-seller { display: flex; gap: 9px; align-items: flex-start; }
.hx-seller b { font-size: 11px; font-weight: 600; display: block; }
.hx-seller small { display: block; color: #8a8378; font-size: 8.5px; margin-top: 2px; }
.hx-mark { width: 22px; height: 22px; background: #1c1c1c; flex: none; position: relative; margin-top: 1px; }
.hx-mark::after { content: ""; position: absolute; width: 6px; height: 6px; background: #c9603a; inset-inline-start: 11px; top: 5px; }
.hx-title { text-align: end; }
.hx-title b { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; }
html[dir="rtl"] .hx-title b, .hx-doc[dir="rtl"] .hx-title b { letter-spacing: 0; font-size: 14px; }
.hx-meta { margin: 8px 0 10px; display: grid; }
.hx-meta > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 5px 2px; border-bottom: 1px solid #e3ddd3; position: relative; }
.hx-meta dt { color: #6b655d; font-size: 9.5px; }
.hx-meta dd { margin: 0; font-weight: 600; font-size: 10.5px; font-variant-numeric: tabular-nums; text-align: end; }
.hx-blank { display: inline-block; min-width: 92px; height: 13px; border-bottom: 1px dashed #b9b2a6; position: relative; vertical-align: middle; }
.hx-ink { display: inline-block; clip-path: inset(0 0 0 0); color: #2d4f39; }
.hx-lines { width: 100%; border-collapse: collapse; font-size: 9.5px; }
.hx-lines th { text-align: start; color: #8a8378; font-weight: 400; font-size: 8.5px; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 2px; border-bottom: 1px solid #d9d3c8; }
.hx-doc[dir="rtl"] .hx-lines th { letter-spacing: 0; text-transform: none; font-size: 9px; }
.hx-lines td { padding: 4px 2px; border-bottom: 1px solid #ebe6de; vertical-align: top; }
.hx-lines .n { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hx-lines td .hx-alt { font-size: 8.5px; }
.hx-sum { margin-top: 8px; margin-inline-start: auto; width: 62%; display: grid; gap: 2px; font-size: 9.5px; }
.hx-sum > div { display: flex; justify-content: space-between; gap: 8px; }
.hx-sum span { color: #6b655d; }
.hx-sum b, .hx-sum .hx-v { font-weight: 600; font-variant-numeric: tabular-nums; }
.hx-grand { border-top: 1.5px solid #1c1c1c; padding-top: 4px; margin-top: 2px; font-size: 11.5px; }
.hx-grand span { color: #1c1c1c; font-weight: 600; }
.hx-foot { display: flex; align-items: center; gap: 10px; margin-top: 10px; color: #8a8378; font-size: 8.5px; }
.hx-qr { width: 30px; height: 30px; flex: none; background-color: #1c1c1c;
  background-image: linear-gradient(45deg, #f6f3ee 25%, transparent 25%, transparent 75%, #f6f3ee 75%), linear-gradient(45deg, #f6f3ee 25%, transparent 25%, transparent 75%, #f6f3ee 75%);
  background-size: 6px 6px; background-position: 0 0, 3px 3px; outline: 3px solid #1c1c1c; outline-offset: -3px; }
.hx-pt { position: absolute; width: 11px; height: 11px; background: #3f6e4e; z-index: 3; left: 0; top: 0; }
.hx-box { position: absolute; border: 1px solid rgba(181, 83, 47, 0.6); background: rgba(181, 83, 47, 0.07); border-radius: 2px; pointer-events: none; z-index: 2; }
.hx-box.bad { border-color: #b5532f; background: rgba(181, 83, 47, 0.1); box-shadow: 0 0 0 3px rgba(181, 83, 47, 0.12); }

/* ---------- the understanding ---------- */
.hx-panel { position: absolute; inset-inline-end: 0; top: 58px; width: 282px; z-index: 2; color: var(--fg-d); font-size: 12px;
  padding: 13px 15px 14px; border-radius: 18px; border: 1px solid rgba(243, 240, 235, 0.13);
  background: linear-gradient(180deg, rgba(40, 37, 34, 0.82), rgba(20, 19, 18, 0.9));
  -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: 0 50px 90px -40px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.hx-ph { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--hair-d); }
.hx-ph b { font-size: 12.5px; font-weight: 600; }
.hx-dot { width: 8px; height: 8px; background: var(--sage-d); flex: none; }
.hx-state { margin-inline-start: auto; font-size: 11px; padding: 1px 9px; border-radius: 999px; border: 1px solid var(--hair-d); color: var(--mut-d); white-space: nowrap; }
.hx-rule { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--mut-d); padding: 8px 0 4px; }
.hx-rule i { width: 7px; height: 7px; background: var(--ember); flex: none; }
.hx-rows { list-style: none; margin: 0; padding: 0; }
.hx-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; gap: 10px; align-items: center; padding: 6px 8px; margin: 0 -8px; border-radius: 8px;
  border-bottom: 1px solid rgba(243, 240, 235, 0.06); transition: background-color 0.35s, box-shadow 0.35s; }
.hx-k { color: var(--mut-d); font-size: 11.5px; }
.hx-val { font-weight: 600; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: end; }
.hx-st { width: 18px; height: 18px; display: grid; place-items: center; color: var(--sage-d); }
.hx-st svg { width: 15px; height: 15px; }
.hx-row.is-bad { background: rgba(224, 120, 76, 0.1); box-shadow: inset 0 0 0 1px rgba(224, 120, 76, 0.55); }
.hx-row.is-bad .hx-val { color: var(--ember); }
.hx-row.is-bad .hx-st { color: var(--ember); }
.hx-row.is-bad .hx-st svg { display: none; }
.hx-row.is-bad .hx-st::before { content: ""; width: 9px; height: 9px; background: var(--ember); }
.hx-row.is-fixed .hx-val { color: var(--sage-d); }
.hx-tag { font-size: 10px; font-weight: 400; color: var(--sage-d); border: 1px solid rgba(141, 191, 156, 0.4); border-radius: 999px; padding: 0 6px; margin-inline-end: 6px; }
.hx-why { margin: 9px 0 0; padding: 8px 10px; border-inline-start: 2px solid var(--ember); background: rgba(224, 120, 76, 0.06); font-size: 11.5px; line-height: 1.45; color: #f0c9b4; border-radius: 2px; }
.hx-erp { position: absolute; inset-inline-start: 22px; top: 478px; width: 262px; z-index: 2; display: grid; gap: 3px; padding: 10px 12px; border-radius: 12px;
  background: #f4f1ec; color: #1c1c1c; box-shadow: 0 30px 60px -28px rgba(0, 0, 0, 0.85); font-size: 11.5px; }
.hx-erp-k i { display: inline-block; width: 7px; height: 7px; background: #3f6e4e; margin-inline-end: 6px; vertical-align: 1px; }
.hx-erp-k { font-size: 10px; color: #6b655d; letter-spacing: 0.04em; text-transform: uppercase; }
html[dir="rtl"] .hx-erp-k { letter-spacing: 0; text-transform: none; font-size: 11px; }
.hx-erp-v { font-weight: 600; font-variant-numeric: tabular-nums; }
.hx-act { display: flex; justify-content: flex-end; margin-top: 10px; }
.hx-approve { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 11.5px; font-weight: 600;
  background: var(--sage-d); color: #10140f; }
.hx-approve svg { width: 14px; height: 14px; }
.hx-ready { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 10px; font-size: 12px; font-weight: 600;
  color: var(--sage-d); background: rgba(141, 191, 156, 0.1); box-shadow: inset 0 0 0 1px rgba(141, 191, 156, 0.35); }
.hx-ready svg { width: 16px; height: 16px; flex: none; }
.hx-wires { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 4; }
.hx-wires path { fill: none; stroke: var(--ember); stroke-width: 1.1; opacity: 0.8; }
.hx-wires path.ok { stroke: var(--sage-d); }
.hx-fly { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
.hx-clone { position: absolute; left: 0; top: 0; white-space: nowrap; font-weight: 600; font-size: 11px; font-variant-numeric: tabular-nums; padding: 2px 7px; border-radius: 6px;
  background: #fbfaf7; color: #1c1c1c; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(181, 83, 47, 0.35); will-change: transform; }

/* ---------- smaller screens ---------- */
@media (max-width: 1100px) { .hx-scene { height: 540px; } .hx-doc { width: 330px; } }
@media (max-width: 760px) {
  .hx { min-height: 0; margin-top: 18px; }
  .hx-scene { height: 960px; perspective: 1400px; }
  .hx-doc { width: min(330px, 86%); inset-inline-start: 2%; top: 0; transform: rotateY(-9deg) rotateX(7deg) rotateZ(-1deg); }
  html[dir="rtl"] .hx-doc { transform: rotateY(9deg) rotateX(7deg) rotateZ(1deg); }
  .hx-erp { inset-inline-start: 4%; top: 436px; width: min(262px, 80%); }
  .hx-panel { top: 512px; width: min(320px, 96%); }
}

.hx-ring { position: absolute; width: 19px; height: 19px; border: 1.5px solid #b5532f; z-index: 3; opacity: 0; pointer-events: none; }
@media (min-width: 1101px) { .hero8 .h8-wrap.hx-wrap { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); } }

/* compact paper: bilingual labels on one line, tighter rows */
.hx-doc { padding: 16px 17px 12px; }
.hx-top { padding-bottom: 10px; }
.hx-meta { margin: 6px 0 8px; }
.hx-meta > div { padding: 4px 2px; }
.hx-meta dt .hx-alt { display: inline; margin-inline-start: 6px; font-size: 0.9em; }
.hx-lines td { padding: 3px 2px; }
.hx-foot { margin-top: 7px; }
.hx-qr { width: 24px; height: 24px; }
@media (max-width: 1100px) { .hx-scene { max-width: 680px; margin-inline: auto; } }
@media (max-width: 760px) {
  .hx-scene { height: 1010px; }
  .hx-erp { top: 462px; }
  .hx-panel { top: 540px; }
}

/* the two hero buttons stay on one line next to the wider stage */
.hx-wrap .h6-cta .btn6 { padding: 14px 20px; font-size: 15px; }
/* values keep their own direction inside Arabic and English text */
.hx-v, .hx-val, .hx-ink, .hx-erp-v, .hx-clone { unicode-bidi: plaintext; }

/* phones: one screen. The panel overlaps the lower half of the paper (the line items), the source chip sits between them */
@media (max-width: 760px) {
  .hx-scene { height: 760px; }
  .hx-doc { width: min(318px, 84%); inset-inline-start: 0; }
  .hx-erp { top: 212px; inset-inline-start: auto; inset-inline-end: 0; width: min(236px, 70%); z-index: 3; }
  .hx-panel { top: 296px; width: min(330px, 100%); inset-inline-end: 0; }
}

/* ======================= v13 ======================= */
/* the paper says it is a sample, as part of the design (replaces the note under the stage) */
.hx-title { position: relative; }
.hx-stamp { display: inline-flex; gap: 5px; align-items: baseline; margin-top: 5px; padding: 1px 6px 2px; border: 1.3px solid rgba(181, 83, 47, 0.75);
  color: #a64a29; font-size: 8.5px; font-weight: 600; letter-spacing: 0.14em; line-height: 1.35; border-radius: 2px; transform: rotate(-3deg); }
.hx-stamp i { font-style: normal; letter-spacing: 0; font-weight: 600; font-size: 9px; }
.hx-doc[dir="rtl"] .hx-stamp { letter-spacing: 0; transform: rotate(3deg); font-size: 9.5px; }
.hx-doc[dir="rtl"] .hx-stamp i { letter-spacing: 0.12em; font-size: 8px; }

/* first paint: the stage stays empty until the first play starts (max 0.6 s after the fonts or at once), so the finished
   state never shows and then rewinds. If the script never runs, the finished state appears after 2.5 s. */
@keyframes hx-unhide { to { visibility: visible; } }
html.gsap .hx:not(.hx-live) .hx-doc, html.gsap .hx:not(.hx-live) .hx-panel, html.gsap .hx:not(.hx-live) .hx-erp { visibility: hidden; animation: hx-unhide 0s 2.5s forwards; }
html.gsap .hx.hx-armed:not(.hx-live) .hx-doc, html.gsap .hx.hx-armed:not(.hx-live) .hx-panel, html.gsap .hx.hx-armed:not(.hx-live) .hx-erp { animation: none; }
@media (prefers-reduced-motion: reduce) {
  html.gsap .hx:not(.hx-live) .hx-doc, html.gsap .hx:not(.hx-live) .hx-panel, html.gsap .hx:not(.hx-live) .hx-erp { visibility: visible; animation: none; }
}

/* phones: headline → buttons → the demo → the explanation. The demo is on the first screen and starts by itself. */
@media (max-width: 760px) {
  .home10 > .hero8 { padding-block: 28px 48px; }
  .hero8 .hx-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .hx-wrap > .h7-copy { display: contents; }
  .hx-wrap .k8 { order: 1; align-self: flex-start; }
  .hx-wrap h1 { order: 2; margin: 14px 0 0; }
  .hx-wrap .h6-cta { order: 3; margin-top: 20px; flex-wrap: wrap; gap: 10px; }
  .hx-wrap .h6-cta .btn6 { flex: 1 1 auto; justify-content: center; padding: 13px 12px; font-size: 14.5px; white-space: nowrap; min-height: 48px; }
  .hx-wrap > .hx { order: 4; margin-top: 22px; }
  .hx-wrap .h7-p { order: 5; margin-top: 4px; }
  .hx-wrap .h6-assure { order: 6; }
}

/* ======================= v13 story: a whole week of files, only the exceptions reach you =======================
   The five steps still drive .stage.s1–s4 (JS removes them on load and adds them back as you scroll; without JS or with
   reduced motion the finished state shows). */
@property --bxc { syntax: "<integer>"; inherits: false; initial-value: 0; }
@property --bxn { syntax: "<integer>"; inherits: false; initial-value: 0; }

.stage.bx { width: min(560px, 100%); height: 560px; }
.bx-top { position: absolute; inset-inline: 0; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.bx-wk { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--mut-d); padding: 4px 12px; border: 1px solid var(--hair-d); border-radius: 999px; white-space: nowrap; }
.bx-wk i { width: 7px; height: 7px; background: var(--ember); flex: none; }
.bx-cnt { display: flex; gap: 22px; }
.bx-cnt > div { display: grid; gap: 1px; text-align: end; }
.bx-cnt b { font-size: 24px; font-weight: 300; line-height: 1.1; color: var(--fg-d); font-variant-numeric: tabular-nums; }
.bx-cnt span { font-size: 11.5px; color: var(--mut-d); white-space: nowrap; }
.bx-cnt .ok b { color: var(--sage-d); }
.bx-cnt .need b { color: var(--ember); }
.bx-clear { counter-reset: bxc var(--bxc); transition: --bxc 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0.35s; }
.bx-clear::after { content: counter(bxc); }
.stage.s2 .bx-clear { --bxc: 143; }
.bx-need { counter-reset: bxn var(--bxn); transition: --bxn 0.7s ease 0.9s; }
.bx-need::after { content: counter(bxn); }
.stage.s2 .bx-need { --bxn: 5; }
.stage.s4 .bx-need { --bxn: 0; transition-delay: 0.7s; }

/* the pile */
.bx-grid { position: absolute; inset-inline: 0; top: 70px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 7px;
  transform-origin: 50% 0; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
.bx-t { position: relative; aspect-ratio: 1 / 1; border-radius: 3px; border: 1px solid rgba(243, 240, 235, 0.14); background-color: rgba(243, 240, 235, 0.035);
  transition: opacity 0.45s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.5s ease, border-color 0.5s ease;
  transition-delay: calc(var(--i) * 12ms); }
.bx-t::before { content: ""; position: absolute; inset: 26% 18% auto; height: 34%; opacity: 0; transition: opacity 0.4s ease; transition-delay: inherit;
  background: linear-gradient(rgba(243, 240, 235, 0.32), rgba(243, 240, 235, 0.32)) 0 0 / 100% 1.5px no-repeat,
              linear-gradient(rgba(243, 240, 235, 0.22), rgba(243, 240, 235, 0.22)) 0 50% / 70% 1.5px no-repeat,
              linear-gradient(rgba(243, 240, 235, 0.22), rgba(243, 240, 235, 0.22)) 0 100% / 85% 1.5px no-repeat; }
.bx-t::after { content: ""; position: absolute; inset-inline-end: -3px; top: -3px; width: 7px; height: 7px; opacity: 0; transform: scale(0.4);
  transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.4s; transition-delay: inherit; }
.stage.armed:not(.play) .bx-t { opacity: 0; transform: translateY(-10px) scale(0.9); }
/* 2 · read */
.stage.s1 .bx-t { background-color: rgba(243, 240, 235, 0.09); }
.stage.s1 .bx-t::before { opacity: 1; }
.bx-sweep { position: absolute; inset: -8px; pointer-events: none; opacity: 0; border-radius: 6px;
  background: linear-gradient(100deg, rgba(224, 120, 76, 0) 40%, rgba(224, 120, 76, 0.2) 48%, rgba(255, 255, 255, 0.35) 50%, rgba(224, 120, 76, 0.16) 52%, rgba(224, 120, 76, 0) 60%);
  background-size: 300% 100%; background-position: 120% 0; }
.stage.s1 .bx-sweep { animation: bxsweep 1.5s cubic-bezier(0.45, 0, 0.55, 1) 1; }
html[dir="rtl"] .stage.s1 .bx-sweep { animation-name: bxsweep-rtl; }
@keyframes bxsweep { 0% { opacity: 1; background-position: 120% 0; } 85% { opacity: 1; } 100% { opacity: 0; background-position: -20% 0; } }
@keyframes bxsweep-rtl { 0% { opacity: 1; background-position: -20% 0; } 85% { opacity: 1; } 100% { opacity: 0; background-position: 120% 0; } }
/* 3 · checked: most are clear, five are not */
.stage.s2 .bx-t { border-color: rgba(141, 191, 156, 0.38); background-color: rgba(141, 191, 156, 0.1); }
.stage.s2 .bx-t::after { opacity: 1; transform: none; background: var(--sage-d); width: 5px; height: 5px; inset-inline-end: -2px; top: -2px; }
.stage.s2 .bx-t.bad { border-color: var(--ember); background-color: rgba(224, 120, 76, 0.2); }
.stage.s2 .bx-t.bad::after { background: var(--ember); width: 8px; height: 8px; inset-inline-end: -4px; top: -4px; }
/* 4 · only the exceptions reach you */
.stage.s3 .bx-grid { transform: scale(0.6); }
.stage.s3 .bx-t:not(.bad) { opacity: 0.28; }
.stage.s3 .bx-t.bad { box-shadow: 0 0 0 3px rgba(224, 120, 76, 0.18); }
/* 5 · approved */
.stage.s4 .bx-t.bad { border-color: rgba(141, 191, 156, 0.6); background-color: rgba(141, 191, 156, 0.16); box-shadow: none; }
.stage.s4 .bx-t.bad::after { background: var(--sage-d); }

/* the short list */
.bx-list { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; background: #fbfaf7; color: var(--ink); border-radius: 16px; padding: 14px 18px 12px;
  box-shadow: 0 50px 90px -30px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.04);
  transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1); }
.js .stage:not(.s3) .bx-list { opacity: 0; transform: translateY(28px); }
.bx-lh { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; }
.bx-lh b { font-size: 13px; font-weight: 600; }
.bx-lh .num { font-size: 11.5px; font-weight: 600; min-width: 22px; text-align: center; padding: 1px 7px; border-radius: 999px; background: var(--clay); color: #fff; transition: background-color 0.5s 0.6s; }
.stage.s4 .bx-lh .num { background: var(--ok); }
.bx-list ol { list-style: none; margin: 0; padding: 0; }
.bx-list li { display: grid; grid-template-columns: 116px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line);
  transition: opacity 0.45s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); transition-delay: calc(var(--i) * 90ms + 220ms); }
.js .stage:not(.s3) .bx-list li { opacity: 0; transform: translateY(8px); }
.bx-svc { display: grid; gap: 1px; min-width: 0; }
.bx-svc b { font-size: 10.5px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--clay); }
html[lang="ar"] .bx-svc b { letter-spacing: 0; text-transform: none; font-size: 12px; }
.bx-svc .num { font-size: 11.5px; color: var(--stone); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; unicode-bidi: plaintext; }
.bx-why { display: grid; gap: 1px; min-width: 0; }
.bx-why b { font-size: 13px; font-weight: 600; line-height: 1.35; }
.bx-why span { font-size: 12px; color: var(--stone); line-height: 1.35; }
.bx-chip { display: grid; justify-items: end; }
.bx-chip > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 999px;
  transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); transition-delay: calc(var(--i) * 140ms + 150ms); }
.bx-chip .c0 { color: var(--clay); box-shadow: inset 0 0 0 1px rgba(181, 83, 47, 0.45); }
.bx-chip .c1 { color: #fff; background: var(--ok); }
.bx-chip .c1 svg { width: 12px; height: 12px; }
.stage:not(.s4) .bx-chip .c1 { opacity: 0; transform: scale(0.85); }
.stage.s4 .bx-chip .c0 { opacity: 0; }
.bx-done { display: grid; margin-top: 4px; padding-top: 9px; border-top: 1px solid var(--line); font-size: 12.5px; font-weight: 600; }
.bx-done > span { grid-area: 1 / 1; display: flex; align-items: center; gap: 8px; transition: opacity 0.5s ease; }
.bx-done .d0 { color: var(--clay); transition-delay: 0.7s; }
.bx-done .d0 i { width: 7px; height: 7px; background: var(--clay); flex: none; }
.bx-done .d1 { color: var(--ok); transition-delay: 0.95s; }
.bx-done svg { width: 15px; height: 15px; flex: none; }
.stage:not(.s4) .bx-done .d1 { opacity: 0; }
.stage.s4 .bx-done .d0 { opacity: 0; transition-delay: 0s; }

/* phones and tablets: the stage stays under the header while the five steps scroll beneath it */
@media (max-width: 960px) {
  .story13 .stage-wrap { position: sticky; top: 73px; z-index: 3; height: auto; order: -1; padding: 12px 0 16px; background: var(--night);
    box-shadow: 0 0 0 100vmax var(--night); clip-path: inset(0 -100vmax); }
  .story13 .stage.bx { display: block; height: 350px; width: 100%; max-width: 560px; margin-inline: auto; }
  .story13 .story-steps li { min-height: 40vh; padding: 18px 0; align-content: start; }
  .bx-cnt { gap: 14px; }
  .bx-cnt b { font-size: 19px; }
  .bx-cnt span { font-size: 10.5px; }
  .bx-wk { font-size: 11px; padding: 3px 10px; }
  .bx-grid { top: 52px; gap: 5px; grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .bx-t { aspect-ratio: 4 / 5; }
  .stage.s3 .bx-grid { transform: none; opacity: 0; transition: opacity 0.4s ease; }
  .bx-list { padding: 10px 12px 9px; border-radius: 14px; }
  .bx-lh { padding-bottom: 6px; }
  .bx-list li { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "svc chip" "why why"; gap: 1px 10px; padding: 5px 0; }
  .bx-svc { grid-area: svc; display: flex; gap: 6px; align-items: baseline; }
  .bx-chip { grid-area: chip; }
  .bx-why { grid-area: why; }
  .bx-why b { font-size: 12.5px; }
  .bx-why span { display: none; }
  .bx-svc .num { font-size: 11px; }
  .bx-chip > span { font-size: 10.5px; padding: 2px 8px; }
  .bx-done { font-size: 12px; padding-top: 7px; }
}
@media (max-width: 380px) { .bx-wk { display: none; } .bx-cnt { width: 100%; justify-content: space-between; } }
@media (prefers-reduced-motion: reduce) {
  .stage.s1 .bx-sweep { animation: none; }
  .bx-t, .bx-t::before, .bx-t::after, .bx-list, .bx-list li, .bx-chip > span, .bx-done, .bx-clear, .bx-need { transition: none; }
}

/* ======================= v13: UX fixes from the audit ======================= */
/* anchors and focused fields land below the sticky header (and above the phone action bar) */
html { scroll-padding-top: 88px; }
@media (max-width: 760px) { html { scroll-padding-bottom: 92px; } }

/* ---------- mobile menu: a scrim behind it, the page does not scroll underneath ---------- */
.nav-scrim { position: fixed; inset: 0; z-index: 9; background: rgba(18, 18, 17, 0.45); }
.nav-scrim[hidden] { display: none; }
@media (max-width: 900px) { html.menu-open, html.menu-open body { overflow: hidden; } }
@media (min-width: 901px) { .nav-scrim { display: none; } }

/* ---------- contact form: labels above, errors under each field, clear states ---------- */
.form10-main { display: grid; }
.lead .fld { display: grid; gap: 6px; min-width: 0; }
.lead .fld > label:not(.ck) { font-size: 14px; color: var(--stone); }
.lead .f-err { margin: 0; font-size: 13.5px; line-height: 1.45; color: #a3401c; display: flex; gap: 7px; align-items: baseline; }
.lead .f-err::before { content: ""; width: 7px; height: 7px; background: currentColor; flex: none; transform: translateY(-1px); }
.lead .f-err[hidden] { display: none; }
.lead [aria-invalid="true"]:not([type=checkbox]) { border-color: #a3401c; box-shadow: inset 0 0 0 1px #a3401c; }
.lead .ck input[aria-invalid="true"] { outline: 2px solid #a3401c; outline-offset: 2px; }
.lead input[name=contact] { text-align: start; }
.lead button[type=submit][disabled] { opacity: 0.7; cursor: progress; transform: none; }
.f-status { margin: 0; color: var(--stone); line-height: 1.6; }
.f-status:empty { display: none; }
.f-status.is-info { padding: 12px 14px; border-radius: 12px; background: rgba(181, 83, 47, 0.07); border-inline-start: 3px solid var(--clay); color: var(--ink); }
.f-status.is-err { padding: 12px 14px; border-radius: 12px; background: rgba(163, 64, 28, 0.08); border-inline-start: 3px solid #a3401c; color: #7a2f14; }
.f-copy { font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; margin-top: 8px; cursor: pointer; min-height: 40px; }
.f-copy:hover { border-color: var(--clay); }
.f-done { display: grid; gap: 8px; align-content: start; padding: clamp(24px, 3vw, 36px); background: var(--surface); border: 1px solid var(--line); border-radius: 20px; }
.f-done[hidden] { display: none; }
.f-done .ic { color: var(--ok); }
.f-done h3 { margin: 4px 0 0; font-size: 22px; font-weight: 500; }
.f-done p { margin: 0; color: var(--stone); max-width: 46ch; }
.f-done:focus { outline: none; }
.f-done:focus-visible { outline: 2px solid var(--clay); outline-offset: 3px; }

/* ---------- pricing on phones: each service is a card, every price visible without sideways scrolling ---------- */
@media (max-width: 760px) {
  .tablewrap { overflow: visible; border: 0; background: none; padding: 0; border-radius: 0; }
  .price7 { min-width: 0; display: block; }
  .price7 thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .price7 tbody { display: grid; gap: 14px; }
  .price7 tr { display: block; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 6px 18px 4px; }
  .price7 th, .price7 td { display: block; padding: 12px 0; border-bottom: 0; }
  .price7 tbody th { padding: 14px 0 8px; }
  .price7 td { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; align-items: baseline; border-top: 1px solid var(--line); }
  .price7 td::before { content: attr(data-col); grid-column: 1 / -1; font-size: 12.5px; color: var(--stone); }
  .price7 td b { font-size: 15px; }
  .price7 td span { margin-top: 0; text-align: end; font-weight: 600; }
  .price7 tbody tr:last-child th { border-bottom: 0; }
}

/* ---------- 404 (static export only) ---------- */
.nf13 .nf-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: start; }
.nf13 h1, .nf13 h2 { font-size: clamp(30px, 3.6vw, 48px); font-weight: 300; letter-spacing: -0.02em; line-height: 1.15; margin: 16px 0 14px; }
.nf13 [lang="ar"] h2 { letter-spacing: 0; line-height: 1.4; font-weight: 400; }
.nf-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
@media (max-width: 760px) { .nf13 .nf-grid { grid-template-columns: minmax(0, 1fr); } }

.pb-img{background-image:url(img/muscat-2000.webp)}@media (max-width:700px){.pb-img{background-image:image-set(url(img/muscat-1000.webp) 1x,url(img/muscat-2000.webp) 2x)}}
/* ===== v14 ===== */
/* v14 (23 Oct 2026): MA's review. Self-contained rules: the purged CSS does not keep state classes added by JS. */

/* logo: the clay point keeps its size (a global .pt rule was shrinking it to a dot) */
.lpt { fill: var(--clay); }
.site-foot .lpt { fill: var(--clay); }
.sy-mark .mk .lpt { fill: var(--clay-b, #C9603A); }

/* hero: the four promises in two columns, so they stay above the fold on a 1366×768 laptop */
@media (min-width: 1101px) {
  .hero8 .h6-assure { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 8px 26px; margin-top: 22px; }
}

/* ---------- the problem: a photo on every card, with the error the system would catch */
.pc.pc14 { padding-top: 0; overflow: hidden; display: flex; flex-direction: column; }
.pc-ph { position: relative; margin: 0 calc(-1 * clamp(26px, 3vw, 38px)) 22px; aspect-ratio: 16 / 9; overflow: hidden; background: #2a2825; }
.pc-ph img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.85) contrast(1.02); transition: transform .8s var(--ease, ease); }
.pc14:hover .pc-ph img { transform: scale(1.03); }
.pc-flag { position: absolute; inset-inline-start: 14px; bottom: 14px; max-width: calc(100% - 28px); display: grid; gap: 3px; padding: 9px 12px; border-radius: 10px;
  background: rgba(18, 18, 17, .78); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #F3F0EB; font-size: 12.5px; line-height: 1.35; }
.pc-flag b { font-size: 11px; color: #A39C92; font-weight: 500; }
.pc-flag span { display: flex; gap: 7px; align-items: center; font-weight: 600; }
.pc-flag .pt, .sv14-flag .pt { width: 8px; height: 8px; background: #C9603A; flex: none; display: inline-block; }

/* ---------- services: one structure for all six */
.sv14grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
.sv14 { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); color: var(--ink);
  text-decoration: none; transition: transform .35s var(--ease, ease), box-shadow .35s, border-color .35s; }
.sv14:hover { transform: translateY(-3px); box-shadow: 0 28px 60px -40px rgba(28, 28, 28, .5); border-color: rgba(28, 28, 28, .25); color: var(--ink); }
.sv14-ph { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #2a2825; display: block; }
.sv14-ph img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.8) contrast(1.02); transition: transform .8s var(--ease, ease); }
.sv14:hover .sv14-ph img { transform: scale(1.04); }
.sv14-badge { position: absolute; top: 12px; inset-inline-start: 12px; font-size: 11.5px; padding: 4px 9px; border-radius: 6px; background: rgba(243, 240, 235, .92); color: var(--ink); }
.sv14-badge b { color: var(--clay); }
.sv14-badge.is-soon { background: rgba(18, 18, 17, .78); color: #F3F0EB; }
.sv14-flag { position: absolute; inset-inline: 12px; bottom: 12px; display: grid; gap: 2px; padding: 8px 11px; border-radius: 10px; background: rgba(18, 18, 17, .78);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #F3F0EB; font-size: 12px; line-height: 1.35; }
.sv14-flag b { font-size: 10.5px; color: #A39C92; font-weight: 500; }
.sv14-flag span { display: flex; gap: 7px; align-items: center; font-weight: 600; }
.sv14-b { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 18px; flex: 1; }
.sv14-t { display: flex; align-items: center; gap: 10px; color: var(--clay); }
.sv14-t b { color: var(--ink); font-size: 18px; font-weight: 600; line-height: 1.3; }
.sv14-f { font-size: 14px; color: var(--stone); margin-top: -4px; }
.sv14-row { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 10px; font-size: 14px; line-height: 1.5; padding-top: 10px; border-top: 1px solid var(--line); }
.sv14-row i { font-style: normal; font-size: 12px; color: var(--stone); padding-top: 2px; }
.sv14-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sv14-foot b { font-size: 14.5px; font-weight: 600; }
.sv14-more { font-size: 13.5px; font-weight: 600; color: var(--clay); }
.sv14.sv14-soon .sv14-ph img { filter: grayscale(1) contrast(.95); opacity: .75; }
.sv14.sv14-soon .sv14-foot b { color: var(--stone); }
html[lang="ar"] .sv14-row { grid-template-columns: 64px minmax(0, 1fr); }
@media (max-width: 1060px) { .sv14grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .sv14grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- how to start: every price on one line, then a button */
.steps.st14 li { display: flex; flex-direction: column; }
.steps.st14 li > p { flex: 1 1 auto; }
.steps.st14 li > .who { margin-top: 14px; align-self: flex-start; display: inline-block; padding: 5px 10px; border-radius: 6px; background: rgba(181, 83, 47, .08); color: var(--ink); font-weight: 600; font-size: 13px; }
.st14-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 36px; }
.btn14 { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 10px; background: var(--ink); color: var(--paper) !important; font-weight: 600; text-decoration: none; transition: background-color .2s, transform .2s; }
.btn14:hover { background: var(--clay); transform: translateY(-1px); }

/* ---------- service-page workflow: steps centred, the bracket fits the steps it covers */
@media (min-width: 901px) {
  .wf14 .wf9-s { justify-items: center; text-align: center; padding: 0 10px; }
  .wf14 .wf9-n { inset-inline-start: calc(50% + 22px); }
  .wf14 .wf9-track { inset-inline-start: calc(50% / var(--n)); inset-inline-end: calc(50% / var(--n)); }
  .wf14 .wd-help.b14 { margin-inline: calc(50% / var(--k) - 46px); }
  .wf14 .wd-help.b14 span { font-size: 12.5px; }
}

/* ---------- service-page screens: soft fade between loops */
.dv .dv-body, .dv .dv-foot { transition: opacity .5s; }
.dv.out .dv-body, .dv.out .dv-foot { opacity: 0; }

/* ---------- charts: bars fill to their value; the claims split sits under the bars */
.bars .bf, .prog .bf { position: absolute; top: 0; bottom: 0; inset-inline-start: 0; }
.bars li { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 46px; }
.bars-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
.bars-wrap .split { border-inline-start: 0 !important; padding-inline-start: 0 !important; border-top: 1px solid var(--line); padding-top: 18px; }
.bars-wrap .split .legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.bars-wrap .split .legend li { display: grid; grid-template-columns: 12px minmax(0, 1fr); column-gap: 8px; align-items: start; }
.bars-wrap .split .legend li b { grid-column: 2; font-size: 16px; }
.get7 .ways > div + div { border-inline-start: 0 !important; border-top: 1px solid var(--line); }

/* ---------- fact tiles in motion */
.fact b .sc { display: inline-block; min-width: 1ch; }

/* ---------- how it works: one timeline with a screen per step */
.how14 { padding-bottom: clamp(70px, 8vw, 120px); }
.hv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.hv-list { list-style: none; margin: 0; padding: 0; position: relative; }
.hv-list::before { content: ""; position: absolute; top: 18px; bottom: 18px; inset-inline-start: 17px; width: 2px; background: var(--line); }
.hv-s { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 18px; padding: 18px 0 30px; cursor: pointer; transition: opacity .35s; }
.js .hv-s:not(.on) { opacity: .45; }
.hv-s:hover { opacity: 1; }
.hv-n { position: relative; z-index: 1; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--surface); border: 1.5px solid var(--line); font-size: 14px; transition: background-color .35s, border-color .35s, color .35s; }
.hv-s.on .hv-n { background: var(--clay); border-color: var(--clay); color: #fff; }
.hv-t { display: inline-block; font-size: 12px; padding: 3px 8px; border-radius: 6px; background: rgba(181, 83, 47, .08); color: var(--clay); font-weight: 600; }
.hv-s h3 { font-size: 21px; margin: 8px 0 6px; }
.hv-s p { margin: 0; color: var(--stone); font-size: 15.5px; line-height: 1.6; max-width: 46ch; }
.hv-stage { position: sticky; top: 110px; }
.hv-card { position: relative; min-height: 300px; border-radius: 18px; background: var(--night); color: var(--fg-d); border: 1px solid rgba(243, 240, 235, .1); overflow: hidden; }
.hv-pane { position: absolute; inset: 0; padding: 30px; display: flex; flex-direction: column; justify-content: center; gap: 14px; opacity: 0; transform: translateY(10px); transition: opacity .45s, transform .45s; }
.hv-pane.on { opacity: 1; transform: none; }
html:not(.js) .hv-pane { position: relative; opacity: 1; transform: none; }
.hv-stage .small { margin-top: 10px; }
.hv-src { display: grid; gap: 8px; }
.hv-src span { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 10px; background: rgba(243, 240, 235, .06); font-size: 14px; }
.hv-src .pt { width: 8px; height: 8px; background: #8DBF9C; display: inline-block; }
.hv-arrow { height: 26px; width: 2px; margin-inline-start: 24px; background: linear-gradient(var(--clay-b, #C9603A), rgba(201, 96, 58, .2)); }
.hv-eng { align-self: flex-start; padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(201, 96, 58, .6); font-weight: 600; }
.hv-rules { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.hv-rules li { display: flex; gap: 12px; align-items: center; padding: 11px 12px; border-radius: 10px; background: rgba(243, 240, 235, .06); font-size: 14.5px; }
.hv-ck { width: 18px; height: 18px; border-radius: 5px; background: rgba(141, 191, 156, .25); position: relative; flex: none; }
.hv-ck::after { content: ""; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border: solid #8DBF9C; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.hv-h { font-size: 13px; color: #A39C92; font-weight: 500; }
.hv-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.hv-stats div { border-radius: 12px; padding: 16px 14px; background: rgba(243, 240, 235, .06); display: grid; gap: 4px; }
.hv-stats b { font-size: clamp(26px, 2.6vw, 34px); font-weight: 300; }
.hv-stats span { font-size: 12.5px; color: #A39C92; }
.hv-stats.live div:last-child { background: rgba(201, 96, 58, .14); }
.hv-stats.live div:last-child b { color: #F3A985; }
@media (max-width: 900px) {
  .hv { grid-template-columns: minmax(0, 1fr); }
  .hv-stage { display: none; }
  .js .hv-s:not(.on) { opacity: 1; }
}

/* ---------- pricing: pick a service, see the three steps */
.pt14 { padding-top: clamp(50px, 6vw, 80px); }
.pt14-lede { margin: 0 0 22px; }
.pt14-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 26px; }
.pt14-tab { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-size: 14.5px; cursor: pointer; transition: border-color .2s, background-color .2s, color .2s; }
.pt14-tab .ic { color: var(--clay); }
.pt14-tab:hover { border-color: var(--ink); }
.pt14-tab[aria-selected="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.pt14-tab[aria-selected="true"] .ic { color: #F3A985; }
.pt14-cards { display: grid; grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr); align-items: stretch; }
.pt14-card { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); min-height: 230px; }
.pt14-card.last { background: var(--night); color: var(--fg-d); border-color: var(--night); }
.pt14-tier { font-size: 12.5px; font-weight: 600; color: var(--clay); }
.pt14-card.last .pt14-tier { color: #F3A985; }
.pt14-what { font-size: 17px; font-weight: 600; }
.pt14-price { display: grid; gap: 2px; margin-top: 6px; }
.pt14-price i { font-style: normal; font-size: 13px; color: var(--stone); }
.pt14-card.last .pt14-price i { color: #A39C92; }
.pt14-price b { font-size: clamp(22px, 2.2vw, 30px); font-weight: 400; line-height: 1.2; letter-spacing: -0.01em; }
.pt14-cta { margin-top: auto; padding-top: 14px; font-weight: 600; font-size: 14px; color: var(--clay); text-decoration: none; }
.pt14-card.last .pt14-cta { color: #F3A985; }
.pt14-arrow { position: relative; }
.pt14-arrow::before { content: ""; position: absolute; top: 50%; inset-inline: 6px; height: 2px; background: var(--line); }
.pt14-arrow::after { content: ""; position: absolute; top: calc(50% - 4px); inset-inline-end: 5px; width: 8px; height: 8px; border-top: 2px solid var(--line); border-inline-end: 2px solid var(--line); transform: rotate(45deg); }
html[dir="rtl"] .pt14-arrow::after { transform: rotate(-45deg); }
.pt14-soon { margin: 16px 0 0; color: var(--stone); font-size: 14.5px; }
.pt14-panel > .more7 { display: inline-block; margin-top: 18px; }
.pt14-panel[hidden] { display: none; }
@media (max-width: 860px) {
  .pt14-cards { grid-template-columns: minmax(0, 1fr); }
  .pt14-arrow { height: 22px; }
  .pt14-arrow::before { top: 2px; bottom: 2px; height: auto; width: 2px; inset-inline-start: 50%; inset-inline-end: auto; }
  .pt14-arrow::after { top: auto; bottom: 2px; inset-inline-start: calc(50% - 4px); inset-inline-end: auto; transform: rotate(135deg); }
  .pt14-card { min-height: 0; }
  .pt14-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
  .pt14-tab { flex: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hv-pane, .hv-s, .sv14, .sv14-ph img, .pc-ph img { transition: none !important; }
}

/* pricing table on phones: name and price stacked, so long prices never overlap */
@media (max-width: 760px) {
  .price7 td { grid-template-columns: minmax(0, 1fr) !important; }
  .price7 td span { text-align: start !important; }
}

/* v15: WhatsApp hidden until the number is live */
.mbar .mbar-wa{display:none!important}
.mbar>a:only-child,.mbar>a:only-of-type{flex:1 1 auto}

/* v17 (28 Oct 2026): phone layout that keeps the desktop story.
   Hero: the same paper invoice and the same dark panel, stacked: paper on top, panel below it overlapping the
   paper's line items, the "found in your data" card over the paper. Values still fly from the paper into the
   panel and the point still lands on the missing field; the connecting lines are not drawn on phones. */
@media (max-width:760px){
  .hero8{padding-block:28px 40px}
  .hx-scene{height:var(--hx-h,700px)!important;perspective:none!important}
  .hx-doc{width:86%!important;max-width:330px;inset-inline-start:0!important;top:0!important}
  .hx-panel{top:var(--hx-pt,330px)!important;width:94%!important;max-width:350px;inset-inline-end:0!important;inset-inline-start:auto!important}
  .hx-erp{top:var(--hx-et,250px)!important;inset-inline-end:0!important;inset-inline-start:auto!important;width:min(240px,66%)!important;z-index:3}
  .hx-wires{visibility:hidden}

  .story13 .story-steps li{min-height:0!important;padding:12px 0!important;opacity:1!important}
  .dv-body{min-height:220px}

  .pgrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pgrid::-webkit-scrollbar{display:none}
  .pgrid>.pc14{flex:0 0 86%;scroll-snap-align:center;margin:0}

  .sv14-ph{aspect-ratio:16/8!important}
}
@media (max-width:760px){
  .hx-scene .hx-doc{transform:rotateY(-4deg) rotateX(2deg) rotateZ(-.3deg)}
  html[dir="rtl"] .hx-scene .hx-doc{transform:rotateY(4deg) rotateX(2deg) rotateZ(.3deg)}
}

/* v18: hide the form once sent */
.lead[hidden]{display:none!important}