:root{--paper:#f6f3ec;--paper-2:#efeadf;--card:#fffdf8;--ink:#0f172a;--text:#2b3448;--muted:#667085;--rule:#d9d2c3;--purple:#7c3aed;--purple-soft:#ede9fe;--fox-amber:#e39a4f;--fox-sand:#f3b062;--fox-cream:#fcd9b2;--r-sm:8px;--r-md:12px;--r-lg:20px;--serif:"Newsreader", "Iowan Old Style", Georgia, serif;--sans:Inter, "SF Arabic", "Noto Sans Arabic", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif}:lang(ar) body,:lang(ar) .masthead-nav a,:lang(ar) .langs a{font-size:1.1em;line-height:1.7}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--text);font:400 17px / 1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3{color:var(--ink);margin:0}.wrap{width:min(1160px,100% - 40px);margin:0 auto}.masthead{border-bottom:3px double var(--ink)}.masthead-top{border-bottom:1px solid var(--rule);align-items:center;gap:20px;padding:10px 0;font-size:13px;display:flex}.edition{color:var(--muted);font-variant:small-caps;letter-spacing:.04em}.masthead-nav{gap:18px;margin-inline-start:auto;display:flex}.masthead-nav a,.masthead-app{font-weight:500;text-decoration:none}.masthead-nav a:hover{text-underline-offset:4px;text-decoration:underline}.masthead-app{border-radius:var(--r-sm);background:var(--ink);color:#fff;padding:5px 12px}.masthead-title{justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0 14px;display:flex}.wordmark{font:600 44px / 1 var(--serif);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark.small{gap:8px;font-size:22px}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;padding:64px 0 72px;display:grid}.hero>*{min-width:0}.hero h1{font:500 clamp(40px, 5.4vw, 68px) / 1.02 var(--serif);letter-spacing:-.025em}.hero h1 em{color:var(--ink);font-style:italic;display:block}.lead{max-width:520px;margin:24px 0 30px;font-size:18px}.cta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.cta-note{color:var(--muted);margin:14px 0 0;font-size:14px}.hero-platforms{color:var(--muted);margin:16px 0 0;font-size:14px}.store-badges{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.store-badge{border:1px solid var(--ink);border-radius:var(--r-sm);min-height:48px;color:var(--ink);align-items:center;gap:10px;padding:6px 14px 6px 10px;text-decoration:none;display:inline-flex}.store-badge>span{flex-direction:column;line-height:1.15;display:flex}.store-badge small{color:inherit;opacity:.75;font-size:11px}.store-badge b{font:600 15px / 1.2 var(--sans)}.store-badge.now{background:var(--ink);color:#fff}.store-badge.now:hover{background:var(--purple);border-color:var(--purple)}.store-badge.soon{border-color:var(--rule);color:var(--muted)}.get-started{padding:8px 0 72px}.start-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px;padding:0;list-style:none;display:grid}.start-steps li{counter-increment:step;border-radius:var(--r-md);background:var(--card);border:1px solid var(--rule);padding:20px}.start-steps li:before{content:counter(step);background:var(--ink);color:#fff;width:30px;height:30px;font:600 14px / 1 var(--sans);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.start-steps b{color:var(--ink)}.btn{border-radius:var(--r-sm);font:600 15px / 1.2 var(--sans);justify-content:center;align-items:center;padding:12px 20px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--purple)}.btn-outline{border:1.5px solid var(--ink);color:var(--ink);padding:10.5px 18.5px}.btn-outline:hover{background:var(--ink);color:#fff}.btn-text{border-bottom:1.5px solid var(--purple);padding-bottom:1px;font-weight:600;text-decoration:none}.paper{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);box-shadow:0 1px 0 var(--rule), 0 28px 50px -30px #0f172a59;margin:0;padding:26px 28px 30px;position:relative;transform:rotate(.6deg)}.tabs input{opacity:0;pointer-events:none;position:absolute}.paper-head{border-bottom:1px solid var(--rule);font:600 12px / 1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.tab-labels{border-radius:var(--r-sm);background:var(--paper-2);text-transform:none;letter-spacing:0;gap:2px;padding:3px;display:inline-flex}.tab-labels label{font:600 13px / 1.2 var(--sans);color:var(--muted);cursor:pointer;border-radius:6px;padding:5px 12px}#lvl-a2:checked~.paper-head label[for=lvl-a2],#lvl-b1:checked~.paper-head label[for=lvl-b1],#lvl-c1:checked~.paper-head label[for=lvl-c1]{background:var(--ink);color:#fff}.tabs input:focus-visible~.paper-head .tab-labels{outline:2px solid var(--purple);outline-offset:2px}.original{font:400 16px / 1.55 var(--serif);color:var(--muted);margin:16px 0 0}.tag-de{background:var(--paper-2);font:600 11px / 1.6 var(--sans);color:var(--muted);vertical-align:2px;border-radius:4px;margin-inline-end:6px;padding:0 6px;display:inline-block}.example-langs{scrollbar-width:none;gap:6px;margin:12px 0 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}[dir=rtl] .example-langs{-webkit-mask-image:linear-gradient(270deg,#000 85%,#0000);mask-image:linear-gradient(270deg,#000 85%,#0000)}.example-langs::-webkit-scrollbar{display:none}.example-langs button{border:1px solid var(--rule,#00000026);color:var(--muted);font:500 12px / 1.6 var(--sans);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:3px 10px}.example-langs button[aria-pressed=true]{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.versions p{font:400 23px / 1.45 var(--serif);color:var(--ink);margin:14px 0 0;display:none}#lvl-a2:checked~.versions .p-a2,#lvl-b1:checked~.versions .p-b1,#lvl-c1:checked~.versions .p-c1{display:block}.versions mark{color:var(--purple);text-underline-offset:4px;background:0 0;text-decoration:underline;text-decoration-thickness:2px}.gloss{border-inline-start:3px solid var(--purple);background:var(--purple-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-top:20px;padding:14px 16px;font-size:14px}.gloss p{margin:0}.gloss-word{font:600 18px / 1.3 var(--serif);color:var(--ink)}.gloss-word span{color:var(--muted);font-weight:400}.gloss-note{color:var(--muted)}.section-title{font:600 13px / 1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:16px;margin-bottom:32px;display:flex}.section-title:after{content:"";border-top:1px solid var(--ink);flex:1}.columns{padding:24px 0 64px}.col-grid{grid-template-columns:repeat(3,1fr);display:grid}.col-grid article{border-inline-start:1px solid var(--rule);padding:0 28px}.col-grid article:first-child{border-inline-start:0;padding-inline-start:0}.col-grid h3{font:500 26px / 1.15 var(--serif);margin:16px 0 8px}.col-grid p{margin:0}.shape{border-radius:var(--r-md);background:var(--paper-2);width:40px;height:40px;color:var(--ink);place-items:center;display:grid}.rail-mark{background:var(--ink);border-radius:12px;place-items:center;display:grid}.how-shot{margin-top:48px}.showcase{border-top:1px solid var(--rule);padding:56px 0 24px}.show-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:36px 0;display:grid}.show-row+.show-row{border-top:1px solid var(--rule)}.show-row:nth-child(odd) .show-text{order:2}.show-row>.mock{justify-self:center}.show-text h3{font:500 clamp(26px, 2.6vw, 34px) / 1.12 var(--serif);letter-spacing:-.015em}.show-text h3+p{max-width:480px;margin:12px 0 0}.show-text p+h3{margin-top:28px;font-size:22px}.platforms{padding:24px 0 56px}.platforms-lead{max-width:620px;margin:0 0 24px}.platform-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.platform-list li{border-radius:var(--r-md);background:var(--card);border:1px solid var(--rule);flex-direction:column;gap:6px;padding:18px;display:flex}.platform-list b{font:600 17px / 1.25 var(--serif);color:var(--ink)}.platform-list span{background:var(--paper-2);font:600 12px / 1.6 var(--sans);color:var(--muted);border-radius:999px;align-self:flex-start;padding:2px 10px}.platform-list .now span{background:var(--purple);color:#fff}.platform-list p{color:var(--muted);margin:0;font-size:14.5px}.targets{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;padding:48px 0 72px;display:grid}.targets h2{font:500 clamp(30px, 3.4vw, 44px) / 1.1 var(--serif)}.targets p{max-width:460px}.target-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.target-list li{background:var(--card);border:1px solid var(--rule);font:500 17px / 1.3 var(--serif);color:var(--ink);border-radius:999px;padding:8px 16px}.guide-teaser{border-radius:var(--r-md);background:var(--card);border:1px solid var(--rule);gap:4px;max-width:820px;margin-top:40px;padding:22px 24px;text-decoration:none;display:grid}.guide-teaser b{font:600 22px / 1.2 var(--serif);color:var(--ink)}.guide-teaser em{color:var(--purple);font-style:normal;font-weight:600}.guide-teaser:hover{border-color:var(--ink)}.levels-strip{background:var(--ink);color:#cbd5e1;padding:64px 0}.levels-inner h2{color:#fff;font:500 clamp(30px, 3.4vw, 44px) / 1.1 var(--serif)}.ladder{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;margin:32px 0 24px;padding:0;list-style:none;display:grid}.ladder li{border-radius:var(--r-md);background:#ffffff0f;border:1px solid #ffffff14;align-content:start;gap:6px;padding:14px;font-size:13.5px;display:grid}.ladder li:first-child{min-height:110px}.ladder li:nth-child(2){min-height:130px}.ladder li:nth-child(3){background:var(--purple);border-color:var(--purple);color:#fff;min-height:150px}.ladder li:nth-child(4){min-height:170px}.ladder li:nth-child(5){min-height:190px}.ladder li:nth-child(6){min-height:210px}.ladder b{font:600 28px / 1 var(--serif);color:#fff}.levels-inner>p{color:#94a3b8;max-width:620px;margin:0}.pricing{padding:72px 0 40px}.plans{border:1px solid var(--ink);border-radius:var(--r-lg);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.plans article{background:var(--card);flex-direction:column;padding:32px;display:flex}.plans .plan-light{border-inline-start:1px solid var(--ink)}.plans .plan-pro{border-inline-start:1px solid var(--ink);background:var(--paper-2)}.plans h3{font:600 14px / 1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.price{font:500 64px / 1 var(--serif);color:var(--ink);letter-spacing:-.03em;margin:18px 0 0}.per{color:var(--muted);margin:4px 0 22px;font-size:14px}.plans ul{flex:1;align-content:start;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:grid}.plans li{padding-inline-start:22px;position:relative}.plans li:before{content:"";inset-inline-start:0;background:var(--fox-sand);border-radius:10px 0 0;width:10px;height:10px;position:absolute;top:9px}.plans .plan-pro li:before{background:var(--fox-amber)}.plans li small{color:var(--muted)}.plans b{color:var(--ink)}.plans .btn{align-self:flex-start}.fineprint{color:var(--muted);margin:16px 0 0;font-size:14px}.pricing-note{border-radius:var(--r-sm);background:var(--paper-2);color:var(--text);margin:20px 0 0;padding:12px 16px;font-size:15px}.pricing-note[hidden]{display:none}.faq{padding:40px 0 88px}.faq details{border-bottom:1px solid var(--rule);max-width:820px}.faq summary{cursor:pointer;font:500 22px / 1.3 var(--serif);color:var(--ink);justify-content:space-between;gap:16px;padding:20px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 24px / 1 var(--sans);color:var(--muted)}.faq details[open] summary:after{content:"–"}.faq details p{max-width:700px;margin:0 0 20px}.footer{border-top:3px double var(--ink)}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 0 32px;font-size:14px;display:flex}.footer p{margin:0}@media (width<=960px){.hero,.show-row,.targets{grid-template-columns:1fr;gap:32px}.show-row:nth-child(odd) .show-text{order:0}.ladder{grid-template-columns:repeat(3,1fr);align-items:stretch}.ladder li{min-height:0!important}.plans,.start-steps{grid-template-columns:1fr}.plans .plan-light,.plans .plan-pro{border-inline-start:0;border-top:1px solid var(--ink)}}@media (width<=680px){.masthead-nav{display:none}.masthead-app{margin-inline-start:auto}.masthead-title{flex-direction:column;gap:6px}.wordmark{font-size:36px}.hero{padding:40px 0 56px}.store-badges li:first-child{order:1}.paper{padding:20px;transform:none}.versions p{font-size:20px}.col-grid{grid-template-columns:1fr}.col-grid article{border-inline-start:0;border-top:1px solid var(--rule);padding:22px 0}.col-grid article:first-child{border-top:0;padding-top:0}.ladder{grid-template-columns:repeat(2,1fr)}.footer-inner{text-align:center;flex-direction:column;gap:8px}.langs{justify-content:center}.big-mascot{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.langs{flex-wrap:wrap;gap:4px 14px;display:flex}.langs a{color:var(--muted);font-size:13px;text-decoration:none}.langs a:hover,.langs a[aria-current=page]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--ink);font-weight:500;text-decoration:none}.footer-inner{flex-wrap:wrap;gap:12px 24px}.not-found{justify-items:start;gap:16px;padding:96px 0;display:grid}.not-found h1{font:500 48px / 1.1 var(--serif)}.guide{padding:28px 0 80px}.crumbs{color:var(--muted);font-size:13px}.crumbs a{color:var(--muted)}.guide-head{border-bottom:1px solid var(--rule);padding:28px 0 40px}.guide-head h1{font:500 clamp(40px, 5vw, 64px) / 1.04 var(--serif);letter-spacing:-.025em}.guide-head .lead{margin-bottom:0}.guide-body{grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:40px;display:grid}.toc{align-self:start;font-size:14px;position:sticky;top:24px}.toc p{font:600 12px / 1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}.toc ol{color:var(--muted);gap:6px;margin:0;padding-inline-start:28px;display:grid}.toc a{text-decoration:none}.toc a:hover{color:var(--purple)}.guide-content section{border-bottom:1px solid var(--rule);margin-bottom:44px;padding:0 0 44px;scroll-margin-top:24px}.guide-content h2{font:500 clamp(28px, 3vw, 38px) / 1.1 var(--serif);letter-spacing:-.015em;margin-bottom:14px}.guide-content h3{font:600 20px / 1.25 var(--serif)}.guide-content p{max-width:680px;margin:0 0 12px}.guide-content p a{color:var(--purple);font-weight:600;text-decoration:none}.guide-content .mock-browser{margin-top:24px}.with-shot{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:40px;display:grid}.with-shot>.mock{width:360px}.with-shot>.mock-phone{width:260px}.install-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.install-grid article{border-radius:var(--r-md);background:var(--card);border:1px solid var(--rule);flex-direction:column;gap:8px;padding:20px;font-size:15.5px;display:flex}.install-grid .btn{align-self:flex-start;margin-top:auto}.steps{gap:14px;max-width:700px;margin:0;padding-inline-start:22px;display:grid}.steps li::marker{font:600 18px var(--serif);color:var(--purple)}.steps b{color:var(--ink)}.keys{gap:10px;max-width:680px;margin:0 0 12px;display:grid}.keys div{grid-template-columns:200px 1fr;align-items:baseline;gap:16px;display:grid}.keys dt{white-space:nowrap}.keys dd{margin:0}kbd{background:var(--card);border:1px solid var(--rule);min-width:26px;box-shadow:0 1px 0 var(--rule);font:600 13px / 1.4 var(--sans);text-align:center;color:var(--ink);border-radius:6px;padding:2px 7px;display:inline-block}.note{color:var(--muted);font-size:14px}.guide-end{padding-top:8px}@media (width<=960px){.guide-body,.with-shot,.install-grid{grid-template-columns:1fr}.toc{border-bottom:1px solid var(--rule);padding-bottom:24px;position:static}.with-shot>.mock{width:min(400px,100%)}.keys div{grid-template-columns:1fr;gap:4px}}.learn .crumbs{padding-top:28px}.learn .hero{padding-top:32px}.learn .hero h1{font-size:clamp(36px,4.6vw,58px)}.learn-example .paper-head{margin:0}.learn-level{grid-template-columns:40px 1fr;align-items:baseline;gap:12px;margin-top:14px;display:grid}.learn-level b{font:600 13px / 1 var(--sans);color:var(--muted)}.learn-level p{font:400 19px / 1.45 var(--serif);color:var(--ink);margin:0}.learn-level mark{color:var(--purple);text-underline-offset:4px;background:0 0;text-decoration:underline;text-decoration-thickness:2px}.learn-section{padding:24px 0 56px}.learn-intro{max-width:680px;margin:0 0 24px}.learn-grammar{border-top:1px solid var(--rule);margin:0;display:grid}.learn-row{border-bottom:1px solid var(--rule);grid-template-columns:80px 1fr;gap:24px;padding:14px 0;display:grid}.learn-row dt{font:600 26px / 1.1 var(--serif);color:var(--ink)}.learn-row dd{margin:0}.learn-row ul{font:400 18px / 1.45 var(--serif);color:var(--ink);gap:4px;margin:0;padding-inline-start:18px;display:grid}.learn-row p{max-width:680px;margin:0}.learn-notes{gap:16px;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.learn-notes li{border-radius:var(--r-md);background:var(--card);border:1px solid var(--rule);padding:16px 20px}.learn-notes b{color:var(--ink)}.learn-others{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.learn-others a{border-bottom:1px solid var(--rule);color:var(--ink);padding:8px 0;text-decoration:none;display:block}.learn-others a:hover{color:var(--purple)}.target-list a{text-decoration:none}.target-list li:has(a):hover{border-color:var(--ink)}@media (width<=680px){.learn-row{grid-template-columns:1fr;gap:6px}}.legal-content{max-width:720px;padding-top:40px}.legal-content h2{font-size:clamp(24px,2.4vw,30px)}.legal-content ul{max-width:680px;margin:0 0 12px;padding-inline-start:22px}.legal-content li{margin-bottom:6px}.legal-content p+h2{margin-top:32px}