:root{--bg: #FFFFFF;--panel: #F7F7F6;--ink: #000000;--text: #1C1C1C;--muted: #6E6E6E;--line: #E6E6E3;--field: #D9D9D6;--bracket: #B8B8B4;--accent: #2F62EB;--accent-strong: #1F4FD1;--accent-soft: #E9EFFE;--ok: #1F8A4C;--ok-soft: #E7F5EC;--danger: #B42318;--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--radius: 6px;--radius-card: 10px;--header-h: 72px;--gutter: 16px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.75;color:var(--text);background:var(--bg);overflow-x:hidden}h1,h2,h3{margin:0;color:var(--ink);font-weight:400;line-height:1.25;text-wrap:balance}h3{font-weight:500}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--gutter);top:-100px;z-index:200;padding:.5rem 1rem;background:var(--ink);color:#fff;border-radius:var(--radius)}.skip-link:focus{top:12px}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--gutter)}@media (min-width: 720px){:root{--gutter: 32px}}.brackets{--s: 14px;background:linear-gradient(var(--bracket) 0 0) top left / var(--s) 1px,linear-gradient(var(--bracket) 0 0) top left / 1px var(--s),linear-gradient(var(--bracket) 0 0) top right / var(--s) 1px,linear-gradient(var(--bracket) 0 0) top right / 1px var(--s),linear-gradient(var(--bracket) 0 0) bottom left / var(--s) 1px,linear-gradient(var(--bracket) 0 0) bottom left / 1px var(--s),linear-gradient(var(--bracket) 0 0) bottom right / var(--s) 1px,linear-gradient(var(--bracket) 0 0) bottom right / 1px var(--s),var(--bg);background-repeat:no-repeat}.kicker{display:inline-block;padding:.125rem .625rem;margin-bottom:1rem;background:#EFEFED;border-radius:4px;font-size:.8125rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.125rem;border:1px solid transparent;border-radius:var(--radius);font:500 .9375rem/1.3 var(--font);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-lg{min-height:50px;padding:.75rem 1.5rem;font-size:1rem}.btn-block{width:100%}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-outline{background:var(--bg);color:var(--ink);border-color:var(--ink)}.btn-outline:hover{background:var(--panel)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:2.5rem;height:var(--header-h)}.wordmark{font:600 1.625rem/1 var(--font);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.site-nav{flex:1;display:flex;align-items:center;justify-content:space-between}.nav-list{display:flex;gap:2rem}.nav-link{font-size:.9375rem;text-decoration:none;color:var(--text)}.nav-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.nav-actions{display:flex;gap:.625rem}.menu-toggle{display:none;margin-inline-start:auto;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-bar{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .2s ease}.menu-toggle[aria-expanded=true] .menu-bar:nth-child(1){transform:translateY(4.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-bar:nth-child(2){transform:translateY(-4.25px) rotate(-45deg)}@media (max-width: 900px){.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:var(--header-h);inset-inline:0;flex-direction:column;align-items:stretch;gap:1.25rem;padding:.5rem var(--gutter) 1.5rem;background:var(--bg);border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.nav-list{flex-direction:column;gap:0}.nav-link{display:block;padding:.875rem 0;border-bottom:1px solid var(--line);font-size:1.125rem}.nav-actions .btn{flex:1}}.hero-grid{display:grid;gap:2rem}.hero-row--before{border-bottom:1px solid var(--line)}.hero-copy{padding-block:3rem 0}.hero h1,.hero-after{font-size:clamp(2.25rem,6vw,4rem);font-weight:400;line-height:1.2;color:var(--ink);letter-spacing:-.01em}.hero h1{max-width:12ch}.hero-lead{margin-top:1.5rem;font-size:1.0625rem;color:var(--text);max-width:30em}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-note{margin-top:1.5rem;font-size:.875rem;color:var(--muted);max-width:32em}.hero-visual{margin:0 auto;width:100%;max-width:480px}@media (max-width: 480px){.hero-actions .btn{flex:1 1 100%}}@media (max-width: 959px){.hero-row--after .hero-grid{gap:0}.hero-row--after .hero-copy{display:contents}.hero-row--after .hero-after{order:1;padding-top:2.5rem;position:relative}.hero-row--after .hero-after:before{content:"";position:absolute;top:0;left:50%;height:calc(100% + 1.5rem);width:1px;background:var(--ink);transform:translate(-50%)}.hero-row--after .flow{order:2;margin-block:1.5rem .5rem}.hero-row--after .hero-lead,.hero-row--after .hero-actions,.hero-row--after .hero-note{order:3}.hero-row--after .hero-note{margin-bottom:3.5rem}}@media (min-width: 960px){.hero-grid{grid-template-columns:1fr 480px;gap:3rem}.hero-copy{align-self:center;padding-block:3rem}.hero-row--after .hero-copy{padding-bottom:5rem}.hero-row--before .hero-visual{align-self:end}.hero-row--after .hero-visual{align-self:start}}.tangle .line,.flow-lines .line{stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tangle .node circle{fill:var(--bg);stroke:var(--ink);stroke-width:1.4}.tangle use{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tangle .tag rect{fill:var(--accent-soft);stroke:var(--ink);stroke-width:1.2}.tangle .tag text{font:400 13px var(--font);fill:var(--ink);text-anchor:middle}.flow{position:relative;aspect-ratio:480 / 520;container-type:inline-size}.flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fcard{position:absolute;left:calc(var(--x) / 480 * 100%);top:calc(var(--y) / 520 * 100%);width:calc(var(--w) / 480 * 100%);display:flex;align-items:flex-start;gap:.5em;padding:.7em .8em;background:var(--bg);border:1.5px solid var(--ink);border-radius:var(--radius-card);box-shadow:3px 4px #ececea;font-size:clamp(10px,2.7cqw,13px);line-height:1.45;color:var(--text)}.fcard strong{font-weight:600;color:var(--ink)}.fcard-icon{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border:1px solid var(--line);border-radius:50%}.fcard-icon svg{width:1.3em;height:1.3em;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fcard-icon--accent{background:var(--accent-soft);border-color:var(--accent-soft)}.fcard-icon--accent svg{stroke:var(--accent)}.fcard--list{flex-direction:column;gap:.35em}.fcheck{display:flex;align-items:center;gap:.45em;color:var(--muted)}.fcheck svg,.fcheck i{flex:none;width:1.15em;height:1.15em;border-radius:3px}.fcheck i{background:#E4E4E1}.fcheck svg{padding:.1em;fill:none;stroke:var(--ok);stroke-width:3;border:1px solid var(--ok)}.fcheck.is-done{color:var(--ink)}.fpill{display:inline-block;margin-bottom:.25em;padding:0 .6em;border:1px solid var(--ok);border-radius:999px;background:var(--ok-soft);color:var(--ok);font-weight:500;font-size:.92em}.js .flow .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease}.js .flow .fcard{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.js .flow.is-drawn .draw{stroke-dashoffset:0}.js .flow.is-drawn .fcard{opacity:1;transform:none}.js .flow .draw:nth-child(2),.js .flow .draw:nth-child(3),.js .flow .fcard:nth-of-type(1){transition-delay:.3s}.js .flow .draw:nth-child(4),.js .flow .fcard:nth-of-type(2){transition-delay:.6s}.js .flow .draw:nth-child(5),.js .flow .fcard:nth-of-type(3){transition-delay:.9s}.js .flow .draw:nth-child(6),.js .flow .fcard:nth-of-type(4){transition-delay:1.2s}.section{padding-block:5rem}@media (min-width: 960px){.section{padding-block:7rem}}.section-panel{background:var(--panel);border-block:1px solid var(--line)}.section-panel .brackets{--bg: #FFFFFF}.section-head{max-width:42rem;margin-bottom:3rem}.section-head--center{margin-inline:auto;text-align:center}.section-head h2,.problem-grid h2,.contact-intro h2{font-size:clamp(1.75rem,3.8vw,2.625rem)}.section-head p:not(.kicker){margin-top:.875rem;color:var(--muted)}.problem-grid{display:grid;gap:2.5rem}.problem-grid h2{max-width:16ch}.problem-list li{display:flex;gap:1rem;align-items:baseline;padding-block:1.125rem;border-top:1px solid var(--line);font-size:1.125rem}.problem-list li:last-child{border-bottom:1px solid var(--line)}.problem-list li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink);transform:translateY(-3px)}@media (min-width: 960px){.problem-grid{grid-template-columns:1fr 1.15fr;gap:5rem;align-items:center}}.solutions-grid{display:grid;gap:1.25rem}@media (min-width: 760px){.solutions-grid{grid-template-columns:repeat(2,1fr)}}.solution{padding:1.5rem 1.5rem 1.75rem}.solution-art{width:100%;height:auto;max-height:130px;margin-bottom:1.5rem;padding:.75rem;background:var(--panel);border-radius:var(--radius)}.solution-art .line{stroke:var(--ink);stroke-width:1.3}.solution-art .box{fill:#fff;stroke:var(--ink);stroke-width:1.3}.solution-art .box--dark{fill:var(--ink)}.solution-art .soft{stroke:#cfcfcb;stroke-width:3;stroke-linecap:round}.solution-art .soft-fill{fill:#cfcfcb}.solution-art use{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.solution-art .icon{stroke:var(--ink)}.solution-art .on-dark{stroke:#fff}.solution-art .hub-label{font:600 18px var(--font);fill:#fff;text-anchor:middle}.solution h3{font-size:1.1875rem;margin-bottom:.375rem}.solution p{color:var(--muted)}.process{position:relative;display:grid;gap:2rem}.process:before{content:"";position:absolute;inset-inline-start:19px;top:20px;bottom:20px;width:1px;background:var(--ink)}.process-step{position:relative;padding-inline-start:4rem}.process-dot{position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;background:var(--bg);font-size:1.0625rem;color:var(--ink)}.process-step h3{font-size:1.1875rem;margin-bottom:.25rem;padding-top:.25rem}.process-step p{color:var(--muted)}@media (min-width: 900px){.process{grid-template-columns:repeat(4,1fr);gap:2rem}.process:before{inset-inline-start:20px;inset-inline-end:calc((100% - 6rem)/4 - 20px);top:20px;bottom:auto;width:auto;height:1px}.process-step{padding-inline-start:0;padding-top:4rem}.process-step h3{padding-top:0}}.cases{display:grid;padding:.5rem 1.5rem}.case{padding-block:1.5rem;border-bottom:1px solid var(--line)}.case:last-child{border-bottom:0}.case-tag{display:inline-block;margin-bottom:.625rem;padding:0 .5rem;border:1px solid var(--line);border-radius:4px;font-size:.8125rem;color:var(--muted)}.case h3{font-size:1.1875rem;margin-bottom:.25rem}.case p:last-child{color:var(--muted)}@media (min-width: 760px){.cases{grid-template-columns:1fr 1fr;padding:1rem 2.5rem;column-gap:3rem}.case:nth-last-child(2){border-bottom:0}}.compare{display:grid;gap:1.25rem;max-width:900px;margin-inline:auto}@media (min-width: 760px){.compare{grid-template-columns:1fr 1fr}}.compare-col{padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius-card)}.compare-col h3{font-size:1.1875rem;margin-bottom:1rem;color:var(--muted)}.compare-col li{position:relative;padding-block:.5rem;padding-inline-start:1.75rem;border-top:1px solid var(--line);color:var(--muted)}.compare-col li:before{content:"";position:absolute;inset-inline-start:.125rem;top:1.25em;width:10px;height:1px;background:#A5A5A1}.compare-col--ours{border-color:var(--ink);box-shadow:4px 5px #ececea}.compare-col--ours h3,.compare-col--ours li{color:var(--ink)}.compare-col--ours li:before{top:.95em;width:11px;height:6px;background:none;border-bottom:1.5px solid var(--accent);border-left:1.5px solid var(--accent);transform:rotate(-45deg)}.contact-grid{display:grid;gap:2.5rem}@media (min-width: 960px){.contact-grid{grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}.contact-intro{position:sticky;top:calc(var(--header-h) + 2rem)}}.contact-intro p:not(.kicker){margin-top:1rem;max-width:30em}.contact-intro .contact-meta{font-size:.875rem;color:var(--muted)}.contact-panel{padding:1.5rem}@media (min-width: 720px){.contact-panel{padding:2.5rem}}.form{display:grid;gap:1.375rem}.field{display:grid;gap:.375rem;min-width:0}.field label,.field legend{font-weight:500;font-size:.9375rem;color:var(--ink)}.req{color:var(--danger)}.optional{font-weight:400;color:var(--muted)}.field input[type=text],.field input[type=tel],.field input[type=url],.field textarea{width:100%;min-height:48px;padding:.75rem .875rem;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--field);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.field textarea{resize:vertical;line-height:1.6}.field ::placeholder{color:#9a9a96}.field input[dir=ltr],.field input[dir=ltr]::placeholder{text-align:left}.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.field [aria-invalid=true]{border-color:var(--danger)}.field-hint{font-size:.8125rem;color:var(--muted)}.field-error{font-size:.875rem;font-weight:500;color:var(--danger)}.field-choices{border:0;margin:0;padding:0}.field-choices legend{padding:0;margin-bottom:.625rem}.choices{display:flex;flex-wrap:wrap;gap:.5rem}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:inline-flex;align-items:center;min-height:42px;padding:.375rem .875rem;border:1px solid var(--field);border-radius:var(--radius);background:#fff;font-size:.9375rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.choice:hover span{border-color:var(--ink)}.choice input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.field-choices[aria-invalid=true] .choice span{border-color:var(--danger)}.result{display:grid;gap:1rem;justify-items:start}.result h3{font-size:1.5rem;font-weight:400}.result h3:focus{outline:none}.result-fallback{display:grid;gap:.625rem;justify-items:start;width:100%;padding:1rem;background:var(--panel);border-radius:var(--radius)}.result.is-blocked .result-fallback{background:var(--accent-soft)}.site-footer{padding-block:3.5rem 2rem;font-size:.9375rem;color:var(--muted)}.footer-row{display:grid;gap:1.5rem}@media (min-width: 760px){.footer-row{grid-template-columns:1fr auto;align-items:start}}.wordmark--footer{display:block;margin-bottom:.5rem;font-size:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}.footer-links a{text-decoration:none;color:var(--text)}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.8125rem}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;transition-delay:0s!important}}@media (max-width: 599px){.section{padding-block:3.75rem}.section-head{margin-bottom:2rem}.hero-row--before .hero-grid{gap:.5rem}.hero-copy{padding-top:2.25rem}.hero-row--after .hero-after{padding-top:2rem}.hero-row--after .hero-note{margin-bottom:2.5rem}.solution{padding:1.25rem 1.25rem 1.5rem}.solution-art{max-height:110px;margin-bottom:1.25rem}.contact-panel{padding:1.25rem}.choices{display:grid;grid-template-columns:1fr 1fr}.choice span{width:100%;justify-content:center}.choice:last-child{grid-column:1 / -1}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.footer-bottom{flex-direction:column}}@media (max-width: 350px){.hero-after{font-size:2rem}}