@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Regular-Latin1.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-SemiBold-Latin1.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Bold-Latin1.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#1c1917;--paper:#faf7f1;--cream:#f2ece1;--deep:#14110d;--muted:#57534e;--line:#d6cdbd;--violet:#4b4f91;--violet-soft:#eeefff;--teal:#155e56;--teal-soft:#dff4ef;--ochre:#80520d;--ochre-soft:#fdf1d9;--focus:#ffbf47;--max:74rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:1.125rem;line-height:1.6}a{color:inherit}button{font:inherit}button,a{min-height:48px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:50;background:var(--paper);padding:.75rem}
.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}.announcement{background:var(--deep);color:#fff;padding:.45rem 1rem;text-align:center;font-size:.875rem}.site-header{background:var(--deep);color:#fff;border-bottom:1px solid #423b31}.nav{min-height:5.25rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:600;white-space:nowrap}.level-mark{display:inline-flex;align-items:end;gap:3px;height:1.45rem}.level-mark i{display:block;width:5px;background:currentColor;border-radius:1px}.level-mark i:nth-child(1){height:35%}.level-mark i:nth-child(2){height:58%}.level-mark i:nth-child(3){height:80%}.level-mark i:nth-child(4){height:100%;color:#f4c356}.nav-links{display:flex;align-items:center;gap:1.25rem;margin-left:auto;font-size:.95rem}.nav-links a{text-decoration:none}.nav-links .cta{background:#f4c356;color:var(--deep)}.language-switch{display:flex;gap:.25rem;margin-left:.25rem}.language-switch a{display:grid;place-items:center;min-width:48px;padding:0 .5rem;border:1px solid #766d61;border-radius:.5rem;text-decoration:none;font-size:.875rem}.language-switch a[aria-current=true]{background:#fff;color:var(--deep);border-color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:.5rem;text-decoration:none;font-weight:600;text-align:center;cursor:pointer}.button-primary{background:var(--violet);color:#fff}.button-secondary{border-color:currentColor;background:transparent}.button-light{background:var(--paper);color:var(--deep)}.hero{background:var(--deep);color:#fff;padding:clamp(3rem,7vw,6rem) 0 4rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.95fr);gap:clamp(2rem,5vw,4rem);align-items:start}.eyebrow,.overline{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#f4c356}.hero h1{max-width:17ch;margin:.7rem 0 1.3rem;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.08;letter-spacing:-.035em}.lead{max-width:58ch;margin:0;color:#e5ded3;font-size:1.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.8rem 0}.proof{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1.15rem;border-top:1px solid #4c453a;font-size:.95rem;color:#e5ded3}.proof strong{display:block;color:#fff;font-size:1.25rem}.demo-shell{background:var(--paper);color:var(--ink);border-radius:1rem;border-top:5px solid var(--violet);box-shadow:0 1.5rem 3.75rem rgba(0,0,0,.24);overflow:hidden}.demo-top{padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600}.demo-badge{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.35rem;background:var(--violet);color:#fff;font-size:.7rem}.demo-body{padding:1.2rem}.demo-controls{display:grid;gap:.9rem}.control-label{display:block;margin-bottom:.35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted)}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{min-height:48px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:.45rem;background:#fff;color:var(--ink);cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-content{margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:.7rem;background:#fff}.demo-content[dir=rtl]{font-family:'IBM Plex Sans Arabic',sans-serif;text-align:right}.demo-content h2{font-size:1.45rem;line-height:1.25;margin:.35rem 0 .5rem}.demo-content p{margin:.4rem 0;color:#3e3933}.demo-content.demo-large{font-size:1.4375rem;line-height:1.65}.demo-content.demo-large h2{font-size:1.8rem}.demo-steps{padding:0;margin:1rem 0;list-style:none;display:grid;gap:.55rem}.demo-steps li{padding:.65rem .75rem;background:var(--cream);border-radius:.45rem}.demo-steps strong{display:block}.demo-checks{font-size:.95rem}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.status{font-size:.9rem;color:var(--muted);min-height:1.5em}.qr-panel{margin-top:1rem;padding:1rem;background:var(--cream);border-radius:.65rem;display:flex;gap:1rem;align-items:center}.qr-panel canvas,.qr-panel img{width:92px;height:92px;background:#fff;padding:4px}.qr-panel p{font-size:.9rem;margin:0}.section{padding:clamp(3.5rem,7vw,6rem) 0}.section-alt{background:var(--cream)}.section-dark{background:var(--deep);color:#fff}.section-intro{max-width:65ch;margin-bottom:2rem}.section-intro h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 1rem}.section-intro p{margin:0;color:var(--muted)}.section-dark .section-intro p{color:#e5ded3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:#fff;border:1px solid var(--line);padding:1.35rem;border-radius:.7rem}.card h3{margin:0 0 .5rem;font-size:1.22rem}.card p{margin:0;color:var(--muted)}.number{font-size:.85rem;letter-spacing:.1em;color:var(--ochre);font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service{padding:1.35rem;border:1px solid var(--line);border-radius:.7rem;background:var(--paper)}.service h3{margin:0 0 .4rem}.service p{margin:0;color:var(--muted)}.pilot{border:2px solid var(--violet);background:var(--violet-soft);border-radius:.9rem;padding:clamp(1.3rem,4vw,2.3rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.pilot h2{margin:.3rem 0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.pilot p{max-width:65ch;margin:.6rem 0 0}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:.7rem;padding:1.4rem;background:#fff}.price.featured{border:2px solid var(--violet)}.price h3{margin:0}.price .amount{font-size:2rem;font-weight:700;margin:1rem 0 0}.price .recurring{margin:.15rem 0 1rem;color:var(--muted)}.price ul{padding-left:1.15rem;flex:1}.price li{margin:.45rem 0}.fine{font-size:.94rem;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.process .card{background:transparent;color:#fff;border-color:#5a5145}.process .card p{color:#e5ded3}.faq{display:grid;gap:.75rem}.faq details{border:1px solid var(--line);border-radius:.55rem;background:#fff;padding:1rem}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);max-width:65ch}.contact{background:var(--teal);color:#fff;border-radius:1rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.contact h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.contact p{max-width:60ch;color:#e2f3ee}.site-footer{background:var(--deep);color:#fff;padding:2rem 0}.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.95rem}.footer-grid a{color:#fff}.license{font-size:.78rem;color:#b8b0a4}.license a{color:#fff}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.cards,.service-grid,.prices,.process{grid-template-columns:1fr}.pilot,.contact{grid-template-columns:1fr}.pilot .button,.contact .button{justify-self:start}}@media(max-width:520px){body{font-size:1rem}.wrap{width:min(calc(100% - 1.25rem),var(--max))}.nav{min-height:4.5rem}.brand{font-size:.94rem}.language-switch{margin-left:auto}.hero{padding-top:3rem}.hero h1{font-size:2.45rem}.lead{font-size:1.1rem}.qr-panel{align-items:start}.demo-body,.demo-top{padding:1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.brand,.nav-links a,.footer-grid a{display:inline-flex;align-items:center;min-height:48px}.nav-links a{padding:0 .35rem}.footer-grid a{padding:.2rem}.faq summary{display:flex;align-items:center;min-height:48px}
.demo-shell{--demo-accent:var(--violet);--demo-soft:var(--violet-soft);border-top-color:var(--demo-accent)}.demo-shell[data-theme=teal]{--demo-accent:var(--teal);--demo-soft:var(--teal-soft)}.demo-shell[data-theme=ochre]{--demo-accent:var(--ochre);--demo-soft:var(--ochre-soft)}.demo-shell .demo-badge,.demo-shell .chip[aria-pressed=true],.demo-shell .button-primary{background:var(--demo-accent);border-color:var(--demo-accent)}.demo-shell .demo-content{border-color:var(--demo-accent)}.demo-shell .demo-steps li,.demo-shell .qr-panel{background:var(--demo-soft)}.demo-shell[data-brand=white] .demo-top{background:#fff}.demo-shell[data-brand=white] .demo-badge{border-radius:50%;box-shadow:inset 0 0 0 3px #fff}
.campaign{border:2px solid var(--violet);background:var(--violet-soft);border-radius:.9rem;padding:clamp(1.3rem,4vw,2.3rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.campaign h2{margin:.3rem 0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.campaign p{max-width:65ch;margin:.6rem 0 0}@media(max-width:900px){.campaign{grid-template-columns:1fr}.campaign .button{justify-self:start}}
