:root{--bg: hsl(0 0% 4%);--bg-soft: hsl(0 0% 7%);--surface: hsl(0 0% 10%);--border: hsl(0 0% 18%);--fg: hsl(0 0% 96%);--fg-muted: hsl(0 0% 72%);--gold: hsl(44 54% 60%);--gold-strong: hsl(44 62% 68%);--gold-dim: hsl(44 30% 26%);--ok: hsl(150 45% 62%);--err: hsl(4 70% 70%);--font-ar: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-head: "Playfair Display", Georgia, "Times New Roman", serif;--step-0: clamp(1rem, .97rem + .15vw, 1.075rem);--step-1: clamp(1.15rem, 1.08rem + .35vw, 1.35rem);--step-2: clamp(1.45rem, 1.3rem + .7vw, 1.9rem);--step-3: clamp(1.8rem, 1.5rem + 1.5vw, 2.7rem);--step-4: clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--space-s: .75rem;--space-m: 1.25rem;--space-l: 2.5rem;--space-xl: clamp(3.5rem, 8vw, 6.5rem);--wrap: 72rem;--radius: 2px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased}[dir=rtl] body{line-height:1.9;font-family:var(--font-ar)}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.18;margin:0 0 var(--space-m);letter-spacing:-.01em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--font-ar);font-weight:700;line-height:1.4;letter-spacing:0}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-m);max-width:68ch}a{color:inherit}img,svg{max-width:100%;height:auto}ul{margin:0 0 var(--space-m);padding-inline-start:1.15rem}li{margin-block-end:.5rem}:focus-visible{outline:2px solid var(--gold-strong);outline-offset:3px;border-radius:var(--radius)}.skip-link{position:absolute;inset-inline-start:0;inset-block-start:-100%;background:var(--gold);color:#000;padding:.85rem 1.25rem;z-index:100;font-weight:600}.skip-link:focus{inset-block-start:0}.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}@media(min-width:48rem){.wrap{width:min(100% - 5rem,var(--wrap))}}.section{padding-block:var(--space-xl)}.section--soft{background:var(--bg-soft);border-block:1px solid var(--border)}.eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--space-s);font-weight:600}.lead{font-size:var(--step-1);color:var(--fg-muted);max-width:60ch}.muted{color:var(--fg-muted)}.rule{width:3.5rem;height:2px;background:var(--gold);margin:0 auto var(--space-m) 0;border:0}[dir=rtl] .rule{margin:0 0 var(--space-m) auto}.site-header{position:sticky;inset-block-start:0;z-index:50;background:#0a0a0aeb;backdrop-filter:blur(10px);border-block-end:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;padding-block:.5rem}.brand svg{width:2rem;height:2rem;color:var(--gold);flex:none}.brand__word{font-family:var(--font-head);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.brand__word span{color:var(--gold)}.nav{display:none;gap:1.75rem;align-items:center}.nav a{text-decoration:none;color:var(--fg-muted);font-size:.95rem;font-weight:500;padding-block:.85rem;display:inline-block;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--fg)}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--gold)}@media(min-width:60rem){.nav{display:flex}.nav-toggle{display:none}}.nav-toggle{background:none;border:1px solid var(--border);color:var(--fg);padding:.6rem .75rem;min-height:44px;min-width:44px;border-radius:var(--radius);cursor:pointer;font:inherit}.mobile-nav{display:none;border-block-start:1px solid var(--border);background:var(--bg-soft)}.mobile-nav[data-open=true]{display:block}.mobile-nav a{display:block;padding:.95rem 0;min-height:44px;text-decoration:none;color:var(--fg);border-block-end:1px solid var(--border)}.mobile-nav a:last-of-type{border-block-end:0}.lang{display:flex;gap:.25rem;align-items:center}.lang a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding-inline:.55rem;text-decoration:none;color:var(--fg-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.lang a[aria-current=true]{color:var(--gold);border-color:var(--gold-dim)}.hero{padding-block:clamp(4rem,12vw,8.5rem) var(--space-xl);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset-block-start:-30%;inset-inline-end:-10%;width:45rem;height:45rem;background:radial-gradient(circle,hsl(44 54% 54% / .11),transparent 62%);pointer-events:none}.hero h1{max-width:20ch}.hero .lead{margin-block-end:var(--space-l)}.hero__points{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 1.75rem;margin-block-start:var(--space-l);color:var(--fg-muted);font-size:.92rem}.hero__points li{display:flex;align-items:center;gap:.5rem;margin:0}.hero__points li:before{content:"";width:6px;height:6px;background:var(--gold);flex:none;transform:rotate(45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.85rem 1.6rem;font:inherit;font-weight:600;text-decoration:none;border-radius:var(--radius);border:1px solid var(--gold);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn--primary{background:var(--gold);color:#0f0f0f}.btn--primary:hover{background:var(--gold-strong);border-color:var(--gold-strong)}.btn--ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-s)}.grid{display:grid;gap:var(--space-m)}@media(min-width:46rem){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:68rem){.grid--4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--border);padding:clamp(1.4rem,3vw,2rem);border-radius:var(--radius)}.card h3{margin-block-end:.6rem}.card p:last-child{margin-block-end:0}.card__icon{color:var(--gold);margin-block-end:var(--space-s);display:block}.service{background:var(--surface);border:1px solid var(--border);padding:clamp(1.5rem,3.5vw,2.5rem);border-radius:var(--radius);scroll-margin-block-start:6rem}.service+.service{margin-block-start:var(--space-m)}.service__label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-block:var(--space-m) .4rem}.service__example{border-inline-start:2px solid var(--gold-dim);padding-inline-start:1rem;color:var(--fg-muted);font-size:.95rem}.service__note{font-size:.9rem;color:var(--fg-muted);border-block-start:1px solid var(--border);padding-block-start:var(--space-s);margin-block-start:var(--space-m)}.steps{counter-reset:s;display:grid;gap:var(--space-m)}@media(min-width:46rem){.steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:68rem){.steps{grid-template-columns:repeat(4,1fr)}}.step{border-block-start:2px solid var(--gold-dim);padding-block-start:var(--space-s)}.step h3{font-size:1.05rem;font-family:var(--font-body)}.step p{font-size:.95rem;color:var(--fg-muted);margin:0}.split{display:grid;gap:var(--space-l);align-items:start}@media(min-width:60rem){.split{grid-template-columns:1fr 1fr;gap:var(--space-xl)}}.check{list-style:none;padding:0}.check li{position:relative;padding-inline-start:1.6rem;color:var(--fg-muted)}.check li:before{content:"";position:absolute;inset-inline-start:.1rem;inset-block-start:.55em;width:.45rem;height:.75rem;border-inline-end:2px solid var(--gold);border-block-end:2px solid var(--gold);transform:rotate(45deg)}[dir=rtl] .check li:before{transform:rotate(45deg) scaleX(1);border-inline-end:0;border-inline-start:2px solid var(--gold)}.dev-list{list-style:none;padding:0}.dev-list li{position:relative;padding-inline-start:1.6rem;color:var(--fg-muted)}.dev-list li:before{content:"•";position:absolute;inset-inline-start:.25rem;color:var(--fg-muted)}.tag{display:inline-block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:.3rem .6rem;border-radius:var(--radius)}.tag--live{background:#72ca9e24;color:var(--ok)}.tag--dev{background:#d0b36224;color:var(--gold)}.faq details{border-block-end:1px solid var(--border);padding-block:var(--space-s)}.faq summary{cursor:pointer;font-weight:600;padding-block:.6rem;min-height:44px;display:flex;align-items:center;gap:.75rem;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-inline-start:auto;color:var(--gold);font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--fg-muted);margin-block-end:var(--space-s)}.field{margin-block-end:var(--space-m)}.field label{display:block;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin-block-end:.5rem;font-weight:600}.field input,.field textarea{width:100%;background:var(--bg-soft);border:1px solid var(--border);color:var(--fg);font:inherit;padding:.85rem 1rem;border-radius:var(--radius);min-height:48px}.field textarea{min-height:9rem;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #d0b36233}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--err)}.field__error{color:var(--err);font-size:.85rem;margin-block-start:.35rem;display:block;min-height:1.2em}.consent{display:flex;gap:.75rem;align-items:flex-start;font-size:.92rem;color:var(--fg-muted)}.consent input{width:1.15rem;height:1.15rem;min-height:0;margin-block-start:.25rem;accent-color:var(--gold);flex:none}.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}.form-status{margin-block-start:var(--space-m);padding:1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius);display:none}.form-status[data-state=ok]{display:block;border-color:#72ca9e80;background:#72ca9e14}.form-status[data-state=error]{display:block;border-color:#e8847d80;background:#e8847d14}.form-status strong{display:block;margin-block-end:.25rem}.info{display:grid;gap:var(--space-m)}.info dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);margin-block-end:.25rem}.info dd{margin:0}.info a{color:var(--fg);text-decoration:none;border-block-end:1px solid var(--gold-dim);padding-block-end:2px}.info a:hover{color:var(--gold)}.prose h2{font-size:var(--step-1);margin-block-start:var(--space-l)}.prose p,.prose li{color:var(--fg-muted)}.notice{border:1px solid var(--gold-dim);background:#d0b3620f;padding:1rem 1.15rem;border-radius:var(--radius);font-size:.95rem;color:var(--fg-muted)}.site-footer{border-block-start:1px solid var(--border);background:var(--bg-soft);padding-block:var(--space-l) var(--space-m);margin-block-start:var(--space-xl)}.site-footer__cols{display:grid;gap:var(--space-l)}@media(min-width:46rem){.site-footer__cols{grid-template-columns:2fr 1fr 1fr}}.site-footer h2{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-body);color:var(--fg-muted);margin-block-end:var(--space-s)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-block-end:.25rem}.site-footer a{color:var(--fg-muted);text-decoration:none;display:inline-block;padding-block:.55rem;min-height:44px}.site-footer a:hover{color:var(--gold)}.site-footer__bottom{border-block-start:1px solid var(--border);margin-block-start:var(--space-l);padding-block-start:var(--space-m);font-size:.85rem;color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.card a[href],.info a[href],.prose a[href]{display:inline-flex;align-items:center;min-height:44px}.site-footer__bottom a{min-height:44px;display:inline-flex;align-items:center;padding-inline:.35rem}.lang a{min-height:44px}.link-cta{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}@media(max-width:30rem){.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn{width:100%}}.hero h1{max-width:22ch}.brand__logo{height:2.35rem;width:auto;flex:none;display:block}