.qe{--color-bg:#061a33;--color-surface:#0b2546;--color-text:#f5f8ff;--color-accent:#32bfff;--color-accent-2:#55cbff;--color-divider:#6cc5ff33;--color-neutral-100:#f5f8ff;--color-neutral-200:#e2ecf8;--color-neutral-300:#cbdaeb;--color-neutral-400:#b7c7da;--color-neutral-500:#93a9c2;--color-neutral-600:#6f88a5;--color-neutral-700:#3f5b7d;--color-neutral-800:#102f54;--color-neutral-900:#0b2546;--color-accent-100:#eaf7ff;--color-accent-200:#cbecff;--color-accent-300:#9fdcff;--color-accent-400:#6ccdff;--color-accent-500:#32bfff;--color-accent-600:#1f9ad3;--color-accent-700:#17739e;--color-accent-800:#124d6b;--color-accent-900:#0b2f43;--color-section:#0b2546;--color-section-glow:#102f54;--color-section-ghost:#17739e;--font-heading-weight:500;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 0 0 1px #6cc5ff33;--shadow-md:0 0 0 1px #6cc5ff3d, 0 6px 18px #00000080;--shadow-lg:0 0 0 1px #6cc5ff4d, 0 16px 40px #0009;--leading:30px;--half:15px;--edge:clamp(20px, 5vw, 72px);--measure:52ch;--font-heading:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;scroll-behavior:smooth;width:100%;min-width:0;max-width:100%;min-height:100dvh;color:var(--color-text);font-family:var(--font-body);text-wrap:pretty;background:0 0;font-size:15px;font-weight:400;line-height:1.55;position:relative}.qe[data-lang=en]{--leading:28px;--half:14px;--measure:58ch;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}.qe *,.qe :before,.qe :after{box-sizing:border-box}.qe h1,.qe h2,.qe h3,.qe h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0 0 var(--space-2)}.qe p{margin:0 0 var(--space-3)}.qe figure{margin:0}.qe a{color:var(--color-accent);text-underline-offset:3px}.qe :focus{outline:none}.qe :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.qe ::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.qe .btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14.5px;line-height:1.2;text-decoration:none;display:inline-flex}.qe .btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.qe .btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.qe .btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.qe .btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.qe .btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.qe .btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.qe .tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.qe .tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.qe .tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.qe .seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.qe .seg-opt{cursor:pointer;font-size:13px;font-family:var(--font-body);align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.qe .seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.qe .seg-opt+.seg-opt{border-left:0;border-inline-start:1px solid var(--color-divider)}.qe .seg-opt:has(input:checked){color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.qe .seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.qe .seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.qe .nav{align-items:center;gap:var(--space-3) var(--space-4);min-width:0;max-width:100%;padding-block:var(--space-3);padding-inline:max(var(--edge),calc((100% - 1200px) / 2 + var(--edge)));border-bottom:none;flex-wrap:wrap;display:flex}.qe .nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:0;white-space:nowrap;margin-inline-end:auto;font-size:18px}.qe .nav a{color:inherit;white-space:nowrap;font-size:14px;text-decoration:none}.qe .nav a:hover,.qe .nav a[aria-current=page]{color:var(--color-accent)}@media(max-width:640px){.qe .nav a:not(.btn){display:none}}.qe .wrap{max-width:min(1200px,100%);padding:0 var(--edge);min-width:0;margin:0 auto}.qe .section,.qe .panel,.qe .out,.qe .split,.qe .steps,.qe .step,.qe .probsol,.qe .demo-bar,.qe .seg,.qe .chips,.qe .band{min-width:0;max-width:100%}.qe .seg{flex-wrap:wrap}.qe .display,.qe .section-title,.qe .band h2,.qe .s-title,.qe p,.qe li{overflow-wrap:anywhere}.qe .rule{background:linear-gradient(to right,transparent,var(--color-divider) 48px calc(100% - 48px),transparent);border:0;height:1px;margin:0}.qe .kicker{font-size:13.5px;line-height:var(--half);color:var(--color-accent);letter-spacing:0;margin:0 0 calc(var(--leading) - var(--half));display:block;position:relative}.qe[data-lang=en] .kicker{letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}.qe .kicker:before{content:"";inset-inline-start:-64px;background:var(--color-accent);width:44px;height:1px;position:absolute;top:calc(50% - .5px)}@media(max-width:1280px){.qe .kicker:before{display:none}}.qe .hero{padding-top:clamp(calc(1.25 * var(--leading)),6vh,calc(2.25 * var(--leading)));padding-bottom:calc(2.25 * var(--leading))}.qe .display{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;font-size:clamp(38px,5.4vw,72px);line-height:1.32}.qe[data-lang=en] .display{letter-spacing:-.015em;line-height:1.14}.qe .display .line{display:block}.qe .display .mark{color:var(--color-accent)}.qe .hero .sub{font-size:17.5px;line-height:var(--leading);max-width:var(--measure);margin:var(--leading) 0 0;color:color-mix(in srgb,var(--color-text) 86%,transparent)}.qe .hero .row{gap:var(--space-3);margin-top:calc(1.5 * var(--leading));flex-wrap:wrap;display:flex}.qe section[id]{scroll-margin-top:var(--leading)}.qe .section{padding:calc(3 * var(--leading)) 0}.qe .section-head{max-width:var(--measure)}.qe .section-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;font-size:clamp(26px,3vw,36px);line-height:1.4}.qe[data-lang=en] .section-title{letter-spacing:-.01em;line-height:1.25}.qe .section-sub{font-size:16px;line-height:var(--leading);color:color-mix(in srgb,var(--color-text) 78%,transparent);margin:var(--half) 0 0;max-width:var(--measure)}.qe .panel{background:color-mix(in srgb,var(--color-surface) 78%,transparent);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--leading);box-shadow:var(--shadow-sm)}.qe .freetext{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.qe .freetext-label{align-items:center;gap:var(--space-3);color:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:12.5px;display:inline-flex}.qe .freetext-label:before{content:"";background:var(--color-accent);width:16px;height:1px}.qe .freetext p{font-size:15.5px;line-height:var(--leading);color:var(--color-text);margin:0}.qe .becomes{align-items:center;gap:var(--space-3);margin:var(--leading) 0;color:var(--color-accent);font-size:12.5px;display:flex}.qe .becomes:before,.qe .becomes:after{content:"";background:linear-gradient(to right,transparent,var(--color-divider));flex:1;height:1px}.qe .becomes:after{background:linear-gradient(to left,transparent,var(--color-divider))}.qe .becomes svg{flex:none}.qe .out{gap:var(--leading);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.qe .out-group h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-accent);margin:0 0 var(--space-3);font-size:13.5px}.qe .out-group p{font-size:14px;line-height:calc(.8 * var(--leading));color:color-mix(in srgb,var(--color-text) 82%,transparent);margin:0}.qe .req{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.qe .req li{font-size:14px;line-height:calc(.8 * var(--leading));color:color-mix(in srgb,var(--color-text) 82%,transparent);padding-inline-start:24px;position:relative}.qe .req li:before{content:"";inset-inline-start:0;background:var(--color-accent);width:14px;height:1px;position:absolute;top:.7em}.qe .chips{gap:var(--space-2);flex-wrap:wrap;display:flex}@media(max-width:880px){.qe .out{grid-template-columns:1fr}}.qe .split{gap:calc(1.5 * var(--leading)) clamp(24px,5vw,88px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}@media(max-width:880px){.qe .split{grid-template-columns:1fr}}.qe .demo-bar{align-items:center;gap:var(--leading);margin:calc(1.5 * var(--leading)) 0 var(--leading);flex-wrap:wrap;display:flex}.qe .demo-bar .hint{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:13px}.qe .demo-panel[hidden]{display:none}.qe .probsol{gap:var(--leading) clamp(24px,5vw,88px);margin-top:calc(1.5 * var(--leading));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qe .ps h3{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px;line-height:var(--leading);margin:0 0 var(--space-3);align-items:center;gap:var(--space-3);display:flex}.qe .ps h3:before{content:"";flex:none;width:20px;height:1px}.qe .ps.problem h3:before{background:var(--color-neutral-500)}.qe .ps.solution h3:before{background:var(--color-accent)}.qe .ps.problem h3{color:color-mix(in srgb,var(--color-text) 75%,transparent)}.qe .ps p{font-size:15.5px;line-height:var(--leading);color:color-mix(in srgb,var(--color-text) 78%,transparent);max-width:46ch;margin:0}@media(max-width:720px){.qe .probsol{grid-template-columns:1fr}}.qe .steps{margin-top:var(--half)}.qe .step{gap:var(--half) clamp(24px,4vw,72px);padding:calc(1.5 * var(--leading)) 0;grid-template-columns:minmax(64px,140px) minmax(0,340px) minmax(0,1fr);align-items:baseline;display:grid}.qe .step+.step{position:relative}.qe .step+.step:before{content:"";background:linear-gradient(to right,transparent,var(--color-neutral-700) 48px calc(100% - 48px),transparent);height:1px;position:absolute;top:0;left:0;right:0}.qe .s-num{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:15px;line-height:var(--leading);color:var(--color-accent);font-feature-settings:"tnum" 1;margin:0}.qe .s-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;font-size:23px;line-height:1.45}.qe[data-lang=en] .s-title{letter-spacing:-.01em;line-height:1.25}.qe .s-copy{font-size:15.5px;line-height:var(--leading);color:color-mix(in srgb,var(--color-text) 78%,transparent);max-width:52ch;margin:0}@media(max-width:880px){.qe .step{gap:var(--space-2);grid-template-columns:1fr}}.qe .band{background:color-mix(in srgb,var(--color-section) 92%,transparent);border-block:1px solid var(--color-divider);padding:calc(3 * var(--leading)) 0}.qe .band h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);margin:0;font-size:clamp(28px,3.4vw,42px);line-height:1.4}.qe[data-lang=en] .band h2{letter-spacing:-.012em;line-height:1.2}.qe .band .sub{font-size:16.5px;line-height:var(--leading);color:color-mix(in srgb,var(--color-text) 72%,transparent);margin:var(--half) 0 0;max-width:var(--measure)}.qe .band .row{gap:var(--space-3);margin-top:calc(1.5 * var(--leading));flex-wrap:wrap;display:flex}.qe footer{padding:calc(2 * var(--leading)) 0;font-size:13px;line-height:var(--leading);color:color-mix(in srgb,var(--color-text) 55%,transparent)}@media(max-width:720px){.qe .hero{padding-top:calc(2 * var(--leading))}.qe .panel{padding:var(--half);padding-block:var(--leading)}}@keyframes qe-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes qe-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes qe-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.qe.qe-anim [data-reveal]{opacity:0;will-change:opacity,transform}.qe.qe-anim [data-reveal].is-in{animation:.7s cubic-bezier(.2,.6,.2,1) both qe-rise;animation-delay:var(--reveal-delay,0s)}.qe.qe-anim [data-reveal] .kicker:before{transform-origin:100%;transform:scaleX(0)}.qe.qe-anim[data-lang=en] [data-reveal] .kicker:before{transform-origin:0}.qe.qe-anim [data-reveal].is-in .kicker:before{animation:.9s cubic-bezier(.2,.6,.2,1) .15s both qe-draw}.qe .becomes svg{animation:2.6s ease-in-out infinite qe-bob}.qe .demo-panel{animation:.45s cubic-bezier(.2,.6,.2,1) both qe-rise}@media(prefers-reduced-motion:reduce){.qe *,.qe :before,.qe :after{transition:none!important;animation:none!important}.qe.qe-anim [data-reveal],.qe.qe-anim [data-reveal].is-in{opacity:1!important;transform:none!important}.qe.qe-anim [data-reveal] .kicker:before{transform:scaleX(1)}}