@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded&display=block";
:root{--ink:#142219;--paper:#f4f1e8;--blue:#355cff;--line:#1422192e;--quiet:#667069;--page-padding:clamp(1.5rem, 4vw, 4rem);--font-sans:"Manrope", Arial, Helvetica, sans-serif;--font-arabic:"Alexandria", Tahoma, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}html[lang=ar] body{font-family:var(--font-arabic);font-size:17px}html[lang=ar] .eyebrow,html[lang=ar] .section-label,html[lang=ar] .availability,html[lang=ar] .tool-number,html[lang=ar] nav,html[lang=ar] .text-link,html[lang=ar] .button{font-family:var(--font-arabic);letter-spacing:0;font-weight:600}html[lang=ar] h1{letter-spacing:-.055em;font-size:clamp(4.1rem,12vw,12.5rem);font-weight:700;line-height:1.03}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:1em;font-style:normal;font-weight:400;line-height:1;display:inline-block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header,.site-footer{grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(1.25rem,4vw,4rem);display:grid}.site-header{border-bottom:1px solid var(--line);min-height:5.3rem}.wordmark{font-family:var(--font-mono);letter-spacing:-.08em;font-size:.98rem;font-weight:700}.wordmark span{color:var(--blue)}nav{letter-spacing:.03em;align-items:center;gap:clamp(1.25rem,3vw,3.25rem);font-size:.78rem;font-weight:700;display:flex}nav a:hover,.text-link:hover{color:var(--blue)}.language-switch{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.42rem .72rem;font-size:.75rem}.language-switch:hover{color:var(--paper);background:var(--ink)}.hero{border-bottom:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:100% 100%,min(18vw,16rem) 100%;grid-template-rows:auto 1fr auto;min-height:calc(100svh - 5.3rem);padding:clamp(1.5rem,4vw,4rem);display:grid}.eyebrow,.section-label,.availability,.tool-number{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:600}.hero-heading{align-self:center;padding:9vh 0 5vh}.hero-prefix{color:var(--quiet);font-family:var(--font-mono);margin:0 0 clamp(.5rem,2vw,1.5rem);font-size:clamp(.82rem,1.1vw,1rem)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.105em;max-width:11ch;margin-bottom:0;font-size:clamp(4.7rem,14.2vw,15rem);font-weight:800;line-height:.79}.hero-bottom{grid-template-columns:minmax(0,29rem) 1fr;align-items:end;gap:2rem;display:grid}.hero-intro{letter-spacing:-.035em;margin:0;font-size:clamp(1.1rem,1.65vw,1.45rem);line-height:1.38}.text-link{font-family:var(--font-mono);border-bottom:1px solid;justify-self:end;padding-bottom:.3rem;font-size:.72rem;font-weight:700;transition:color .2s}.statement,.support{border-bottom:1px solid var(--line);grid-template-columns:minmax(10rem,.7fr) minmax(0,2fr);gap:clamp(2rem,8vw,10rem);padding:clamp(5.5rem,12vw,11rem) clamp(1.5rem,11vw,12rem);display:grid}.statement h2,.support h2{letter-spacing:-.075em;max-width:14ch;margin-bottom:2rem;font-size:clamp(2.7rem,6vw,6.8rem);line-height:.98}html[lang=ar] .statement h2,html[lang=ar] .support h2{letter-spacing:-.035em;font-size:clamp(2.5rem,5.6vw,6.2rem);font-weight:700;line-height:1.34}html[lang=ar] .section-heading h2,html[lang=ar] .tool-card-bottom h3,html[lang=ar] .tools-aside h3{letter-spacing:-.035em;font-weight:700;line-height:1.25}html[lang=ar] .hero-intro,html[lang=ar] .statement div>p,html[lang=ar] .support div>p,html[lang=ar] .tool-card-bottom p,html[lang=ar] .tools-aside>p:last-child,html[lang=ar] .page-intro>p:last-child,html[lang=ar] .tool-page-intro>p:last-child{line-height:1.8}html[lang=ar] .page-intro h1,html[lang=ar] .tool-page-intro h1{font-size:clamp(3.8rem,10vw,10.5rem);line-height:1.12}.statement div>p,.support div>p{max-width:36rem;color:var(--quiet);margin:0;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.6}.tools{border-bottom:1px solid var(--line);padding:clamp(5.5rem,9vw,9rem) clamp(1.5rem,4vw,4rem)}.section-heading{grid-template-columns:minmax(10rem,.7fr) minmax(0,2fr);gap:2rem;margin-bottom:clamp(3rem,6vw,6rem);display:grid}.section-heading h2{letter-spacing:-.075em;margin-bottom:.8rem;font-size:clamp(3rem,6vw,6rem);line-height:.95}.section-heading div p{color:var(--quiet);margin:0}.tool-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(14rem,.75fr);gap:1px;display:grid}.tool-card,.tools-aside{background:var(--paper)}.tool-card{grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,2.5vw,2.25rem);display:grid}.featured-tool{min-height:min(42rem,65vw)}.tool-card-top,.tool-card-bottom{justify-content:space-between;gap:1rem;display:flex}.availability{color:var(--blue)}.qr-mark{aspect-ratio:1;grid-template-columns:repeat(3,1fr);place-self:center;gap:.32rem;width:clamp(8rem,15vw,13rem);display:grid}.qr-mark i{background:var(--ink);display:block}.qr-mark i:nth-child(2),.qr-mark i:nth-child(4),.qr-mark i:nth-child(6),.qr-mark i:nth-child(8){background:var(--blue)}.qr-mark i:nth-child(5){transform:scale(.42)}.tool-card-bottom{align-items:end}.tool-card-bottom h3,.tools-aside h3{letter-spacing:-.06em;margin-bottom:.55rem;font-size:clamp(1.65rem,3vw,3rem)}.tool-card-bottom p,.tools-aside>p:last-child{max-width:25rem;color:var(--quiet);margin-bottom:0;line-height:1.45}.round-arrow{aspect-ratio:1;width:3.1rem;color:var(--paper);background:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;transition:transform .2s,background .2s;display:grid}.round-arrow .material-symbols-rounded{font-size:1.25rem}.inline-symbol{vertical-align:-.16em;margin-inline-start:.25em}.featured-tool:hover .round-arrow{background:var(--blue);transform:rotate(45deg)}.tools-aside{flex-direction:column;justify-content:end;min-height:18rem;padding:clamp(1.25rem,2.5vw,2.25rem);display:flex}.aside-symbol{color:var(--blue);margin:auto 0;font-size:6rem;font-weight:300;line-height:.7}.support{background:var(--ink);color:var(--paper);border-bottom:0}.support .section-label,.support div>p{color:#aeb7a6}.support-links{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.button{color:var(--ink);background:var(--paper);font-family:var(--font-mono);padding:.85rem 1.1rem;font-size:.72rem;font-weight:700}.button:hover{color:var(--paper);background:var(--blue)}.support .text-link{justify-self:auto}.site-footer{color:#aeb7a6;background:var(--ink);min-height:5rem;font-family:var(--font-mono);border-top:1px solid #f4f1e82e;font-size:.65rem}.site-footer p{margin:0}.site-footer p:nth-child(2){text-align:center}.site-footer a{justify-self:end}.site-footer a:hover{color:var(--paper)}.footer-symbol{vertical-align:-.18em;font-size:1.1em}.locale-redirect{background-image:linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:min(18vw,16rem) 100%;align-content:space-between;min-height:100svh;padding:clamp(1.5rem,4vw,4rem);display:grid}.locale-redirect .wordmark{margin:0}.locale-redirect>p:last-of-type,.locale-redirect noscript{color:var(--quiet);font-family:var(--font-mono);font-size:.75rem}.not-found{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:100% 100%,min(18vw,16rem) 100%;grid-template-rows:auto 1fr;min-height:100svh;padding:clamp(1.5rem,4vw,4rem);display:grid}.not-found-content{align-self:center;max-width:44rem;padding:8vh 0}.not-found h1{max-width:9ch;margin:clamp(1.5rem,3vw,3rem) 0 1.5rem;font-size:clamp(4rem,10vw,10rem);line-height:.86}.not-found-content>p:last-of-type{max-width:30rem;color:var(--quiet);margin-bottom:0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}.not-found-links{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.not-found .text-link{justify-self:auto}.not-found[lang=ar]{font-family:var(--font-arabic)}.not-found[lang=ar] h1{letter-spacing:-.045em;font-size:clamp(2.8rem,6vw,6.25rem);font-weight:700;line-height:1.2}.not-found[lang=ar] .eyebrow,.not-found[lang=ar] .button,.not-found[lang=ar] .text-link{font-family:var(--font-arabic);letter-spacing:0}.not-found[lang=ar] .not-found-content>p:last-of-type{line-height:1.8}.tools-page,.tool-page{min-height:calc(100svh - 5.3rem)}.page-intro,.tool-page-intro{padding:clamp(4rem, 10vw, 10rem) var(--page-padding);border-bottom:1px solid var(--line)}.page-intro h1,.tool-page-intro h1{margin:clamp(3rem,7vw,7rem) 0 2rem;font-size:clamp(4rem,11vw,12rem)}.page-intro>p:last-child,.tool-page-intro>p:last-child{max-width:35rem;color:var(--quiet);margin-bottom:0;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.55}.tool-list{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1px;display:grid}.tool-list .tool-card{min-height:23rem}.tool-workspace{min-height:28rem;padding:var(--page-padding);text-align:center;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:100% 100%,min(18vw,16rem) 100%;place-content:center;display:grid}.tool-workspace p{letter-spacing:-.06em;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,3rem);font-weight:700}.tool-workspace span{color:var(--quiet)}.qr-tool{border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);gap:1px;display:grid}.qr-input-panel,.qr-preview-panel{background:var(--paper);min-width:0;padding:clamp(1.5rem,4vw,4rem)}.qr-input-panel{flex-direction:column;display:flex}.qr-input-heading,.qr-preview-heading,.qr-field-meta,.qr-download-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.qr-input-heading,.qr-preview-heading{margin-bottom:clamp(2.5rem,5vw,5rem)}.qr-preview-heading>span,.qr-field-meta,.qr-validation{color:var(--quiet);font-family:var(--font-mono);font-size:.7rem}.qr-clear{color:var(--quiet);font-family:var(--font-mono);text-underline-offset:.3rem;cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem;text-decoration:underline}.qr-clear:hover:not(:disabled){color:var(--blue)}.qr-clear:disabled{opacity:.4;cursor:default}.qr-field-label{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700}.qr-type-field{margin-bottom:clamp(2.5rem,5vw,4rem)}.qr-type-selector{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.qr-type-button{min-width:0;min-height:3.4rem;color:var(--quiet);background:var(--paper);cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .45rem;font-size:.7rem;font-weight:700;line-height:1.25;display:flex}.qr-type-button .material-symbols-rounded{flex:none;font-size:1.05rem}.qr-type-button:hover,.qr-type-button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.qr-type-button[aria-pressed=true] .material-symbols-rounded{color:#8ca0ff}.qr-type-button:focus-visible{z-index:1;outline:3px solid var(--blue);outline-offset:-3px;position:relative}.qr-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.qr-fields-anchor{scroll-margin-top:1.5rem}.qr-field{align-content:start;gap:.55rem;min-width:0;display:grid}.qr-field-wide{grid-column:1/-1}.qr-field>label{color:var(--ink);font-size:.82rem;font-weight:700}.qr-control{border:1px solid var(--ink);width:100%;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:.82rem .9rem;line-height:1.6}.qr-control:disabled{border-color:var(--line);color:var(--quiet);background:#14221909}.qr-control::placeholder{color:var(--quiet);opacity:.75}.qr-control:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.qr-textarea{resize:vertical;min-height:8rem}#qr-text{min-height:17rem}.qr-select{cursor:pointer;min-height:3.45rem}.qr-checkbox{cursor:pointer;grid-column:1/-1;align-items:center;gap:.65rem;width:fit-content;font-size:.82rem;font-weight:700;display:flex}.qr-checkbox input{width:1.15rem;height:1.15rem;accent-color:var(--blue);margin:0}.qr-field-meta{align-items:flex-start;margin-top:1.5rem}.qr-field-meta p,.qr-validation{margin:0}.qr-field-meta p:first-child{max-width:28rem;line-height:1.5}.qr-counter{direction:ltr;flex:none}.qr-counter-error,.qr-validation{color:#b42318}.qr-validation{min-height:1.2rem;margin-top:.55rem;line-height:1.5}.qr-preview-panel{flex-direction:column;display:flex}.qr-preview{border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:4rem 4rem;flex:1;place-items:center;min-height:27rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.qr-preview-svg{width:min(100%,20rem);height:auto;display:block;box-shadow:0 1.25rem 4rem #1422191f}.qr-download-canvas{display:none}.qr-empty-state{text-align:center;justify-items:center;max-width:24rem;display:grid}.qr-empty-state>.material-symbols-rounded{color:var(--blue);margin-bottom:1.25rem;font-size:clamp(4rem,9vw,7rem);font-weight:300}.qr-empty-state p{letter-spacing:-.045em;margin-bottom:.4rem;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700}.qr-empty-state>span:last-child{color:var(--quiet)}.qr-download-actions{justify-content:flex-start;margin-top:1rem}.qr-action{border:1px solid var(--ink);color:var(--ink);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.85rem 1.1rem;font-size:.72rem;font-weight:700}.qr-action-primary{color:var(--paper);background:var(--ink)}.qr-action:hover:not(:disabled){border-color:var(--blue);color:var(--paper);background:var(--blue)}.qr-action:focus-visible,.qr-clear:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.qr-action:disabled{opacity:.35;cursor:default}.qr-export-error{color:#b42318;margin:.75rem 0 0;font-size:.85rem}html[lang=ar] .qr-field-label,html[lang=ar] .qr-empty-state p,html[lang=ar] .qr-field>label{letter-spacing:-.025em}html[lang=ar] .qr-input-heading,html[lang=ar] .qr-preview-heading,html[lang=ar] .qr-field-meta,html[lang=ar] .qr-validation,html[lang=ar] .qr-action,html[lang=ar] .qr-clear,html[lang=ar] .qr-type-button{font-family:var(--font-arabic)}@media (max-width:700px){.site-header,.site-footer{grid-template-columns:1fr auto}nav{gap:1rem}nav a:first-child,.site-footer p:nth-child(2){display:none}.hero{background-size:100% 100%,5rem 100%;min-height:calc(100svh - 5.3rem)}h1{font-size:clamp(4.4rem,22vw,8rem)}.hero-bottom,.statement,.support,.section-heading{grid-template-columns:1fr}.hero-bottom{gap:2rem}.text-link{justify-self:start}.statement,.support{gap:2.5rem;padding-inline:1.5rem}.tool-grid{grid-template-columns:1fr}.featured-tool{min-height:32rem}.tools-aside{min-height:14rem}.aside-symbol{margin:0 0 2rem}.qr-tool{grid-template-columns:1fr}.qr-input-heading,.qr-preview-heading{margin-bottom:2.5rem}.qr-type-button{gap:.3rem;min-height:3.25rem;padding-inline:.3rem;font-size:.65rem}.qr-fields{grid-template-columns:1fr}.qr-field-wide{grid-column:auto}#qr-text{min-height:14rem}.qr-preview{min-height:22rem}.qr-field-meta{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
