@charset "UTF-8";
:root{--ink:#24262b;--amber:#b95a21;--gold:#ffc078;--paper:#faf9f6;--muted:#63656a;--line:#e3e1da;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:17px;line-height:1.65}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;z-index:20;inset-block-start:-100px;inset-inline-start:20px;background:white;padding:12px}.skip:focus{inset-block-start:10px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;direction:ltr;white-space:nowrap}.brand img{height:34px;width:34px}.wordmark{font-size:25px;font-weight:750;letter-spacing:-.2px}.wordmark span{color:var(--amber);margin-inline-start:.10em}.navlinks,.languages{display:flex;align-items:center;gap:27px}.navlinks a{text-decoration:none;font-size:14px;font-weight:600}.languages{gap:12px;border-inline-start:1px solid var(--line);padding-inline-start:22px}.languages a{font-size:13px;color:var(--muted);font-weight:500}.languages [aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 22px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}.hero{padding:88px 0 68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px}h1{font-size:clamp(44px,5.2vw,68px);line-height:1.06;letter-spacing:-3px;font-weight:650;max-width:640px;margin:0 0 26px}h1 em{font-style:normal;color:var(--amber)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:470px;margin:0 0 32px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);border-radius:9px;padding:13px 23px;font-size:15px;font-weight:600;cursor:pointer;min-height:50px;transition:background .15s,transform .15s}.cta:hover{background:#3b3d43;transform:translateY(-1px)}.cta svg{height:21px;width:21px}.meta{font-size:12px;color:var(--muted);margin-top:13px}.demo{border:1px solid #36383c;border-radius:18px;background:var(--ink);color:#f6f6f8;padding:22px;box-shadow:0 28px 65px #24262b1a;transform:rotate(-1deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#acadb2;margin-bottom:24px;direction:ltr}.lights{display:flex;gap:6px}.lights i{height:8px;width:8px;background:#64666a;border-radius:50%}.demo-label{font-size:10px;letter-spacing:1.7px;color:var(--gold);font-weight:600;text-transform:uppercase}.editor{background:#fff;border-radius:9px;color:var(--ink);margin-top:12px}.editor-tools{border-bottom:1px solid #eeece8;padding:12px 17px;font-size:12px;color:#787a80;display:flex;align-items:center;gap:16px}.editor-tools strong{font-size:14px}.editor-tools .align-controls{margin-inline-start:auto;display:flex;gap:4px}.align-controls button{border:0;background:transparent;color:#777;padding:4px 7px;border-radius:4px;font-size:15px;cursor:pointer;line-height:1.2}.align-controls button[aria-pressed="true"]{background:#fff1df;color:#97440f}.editor-body{padding:25px 22px 32px;min-height:154px}.editor-body p{margin:0;font-size:22px;line-height:1.9;unicode-bidi:plaintext}.editor-body .sample-sub{font-size:13px;color:#87888c;direction:ltr;unicode-bidi:normal}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;direction:ltr}.keys{display:flex;gap:8px;align-items:center;color:#94969c}.key{border:1px solid #57585c;background:#33353a;box-shadow:0 3px 0 #18191c;border-radius:7px;padding:9px 15px;color:#f5f3ef;font-size:14px;white-space:nowrap}.key.amber{border-color:#b97c39;background:#644a2e;color:#ffcf93}.demo-status{font-size:11px;color:#d3d4d8;max-width:120px;text-align:end}.demo-caption{margin:17px 0 0;text-align:center;font-size:11px;color:#818389}.apps-strip{padding:32px 0 44px;border-bottom:1px solid var(--line);text-align:center}.strip-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.7px}.appnames{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:20px;direction:ltr;color:#51545a;font-size:16px;font-weight:600}.appnames span{display:flex;align-items:center;gap:8px}.appnames i{font-style:normal;font-size:12px;color:#b95a21}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:43px}.section-head h2{font-size:38px;line-height:1.15;letter-spacing:-1.3px;font-weight:620;margin:0;max-width:550px}.section-head p{color:var(--muted);font-size:15px;max-width:345px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature{border-top:1px solid #cac7bf;padding-top:24px}.feature-no{font-size:12px;color:var(--amber);font-weight:600}.feature h3{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.5px;margin:17px 0 14px}.feature p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 20px}.shortcut{font-size:12px;font-family:ui-monospace,monospace;direction:ltr;display:inline-block;background:#eeece7;padding:7px 11px;border-radius:5px}.compat{background:#efeee9;border-block:1px solid var(--line)}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.compat h2{font-size:37px;letter-spacing:-1px;line-height:1.2;margin:0 0 22px}.compat p{font-size:16px;color:var(--muted)}.languages-list{color:var(--amber)!important;font-size:16px!important;line-height:2!important}.compat-table{width:100%;border-collapse:collapse;font-size:14px}.compat-table th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding-bottom:16px;font-weight:500}.compat-table td{padding:16px 0;border-top:1px solid #d9d6ce}.compat-table td:last-child{text-align:end;color:#65665e}.note{font-size:12px!important;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:step}.step{position:relative;padding-inline-start:45px}.step:before{counter-increment:step;content:counter(step);position:absolute;inset-inline-start:0;top:0;border:1px solid var(--line);border-radius:50%;height:29px;width:29px;display:grid;place-items:center;font-size:12px;font-weight:600}.step h3{font-size:18px;margin:0 0 11px}.step p{font-size:14px;color:var(--muted);margin:0}.privacy{display:grid;grid-template-columns:42px 1fr;gap:20px;border:1px solid var(--line);padding:27px;margin-top:45px;border-radius:10px}.privacy svg{width:29px;height:29px;color:var(--amber)}.privacy h3{margin:0 0 5px;font-size:17px}.privacy p{font-size:14px;color:var(--muted);margin:0}.download-panel{background:var(--ink);color:white;border-radius:16px;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:70px}.download-panel h2{font-size:35px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:0 0 14px}.download-panel p{font-size:14px;color:#bcbec4;max-width:490px;margin:0}.download-panel .cta{background:var(--gold);color:var(--ink);border-color:var(--gold);white-space:nowrap}.download-panel .meta{color:#c3c4c8;text-align:center;font-size:11px}.release-link{font-size:12px;color:#dedad4;text-underline-offset:3px;display:inline-block;margin-top:14px}footer{border-top:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row .wordmark{font-size:20px}.footer-links{display:flex;gap:20px}footer a{text-decoration:none}.prose{max-width:760px;padding:70px 0}.prose h1{font-size:44px}.prose h2{margin-top:38px;font-size:23px}.prose p,.prose li{color:var(--muted)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] h1{line-height:1.22;font-size:clamp(44px,4.6vw,63px)}[lang=ar] h1{line-height:1.4}[lang=ar] .lead{line-height:1.95}[dir=rtl] .eyebrow,[dir=rtl] .strip-label{letter-spacing:0}[dir=rtl] .demo{transform:rotate(1deg)}[dir=rtl] .demo-status{direction:rtl}button[disabled]{opacity:.5;cursor:default}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero{gap:30px;padding-top:62px}h1{font-size:53px}.navlinks{gap:18px}.navlinks>a{display:none}.demo{padding:17px}.key{padding:9px 12px}.compat-grid{gap:40px}.download-panel{padding:35px}.section-head h2{font-size:33px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.nav{height:78px;gap:12px}.brand{gap:8px}.brand img{width:29px;height:29px}.wordmark{font-size:23px}.languages{padding-inline-start:0;border:0;gap:11px}.hero{grid-template-columns:1fr;padding:45px 0 38px;gap:38px}h1{font-size:52px;letter-spacing:-2.5px}.lead{font-size:16px;max-width:100%}.demo{transform:none!important;width:100%;max-width:500px;justify-self:center;padding:21px}.demo-caption{font-size:11px}.appnames{justify-content:center;gap:16px 26px;font-size:14px}.apps-strip{padding-bottom:30px}.section{padding:56px 0}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:32px}.section-head p{margin-top:18px;max-width:100%}.features,.steps{grid-template-columns:1fr;gap:29px}.feature h3{margin-top:9px;font-size:22px}.feature p{margin-bottom:14px}.feature{padding-top:18px}.compat-grid{grid-template-columns:1fr;gap:27px}.compat h2{font-size:32px}.privacy{padding:21px;gap:14px;grid-template-columns:29px 1fr}.download-panel{display:block;padding:30px 24px;margin-bottom:46px}.download-panel h2{font-size:30px}.download-panel .download-action{margin-top:27px}.download-panel .cta{width:100%}.footer-row{flex-wrap:wrap}.footer-links{gap:17px}.prose{padding-top:45px}.prose h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
.editor{position:relative}.editor>.align-controls{position:absolute;inset-inline-end:11px;top:8px;display:flex;gap:4px;direction:ltr}.align-controls button{padding:6px 8px}.editor-body{text-align:right}.editor-body p{unicode-bidi:normal}.editor-body .sample-sub{direction:inherit}.checksum{display:block;overflow-wrap:anywhere;font-size:13px;margin:15px 0}.prose details{margin-top:22px}.appnames a{font-size:12px;color:var(--amber);text-decoration:none}[dir=rtl] .demo-label{letter-spacing:0}.demo-status{max-width:160px}
.feature p,.section-head p,.step p,.privacy p{font-size:16px}.meta,.navlinks a,.languages a,.strip-label,.feature-no,.shortcut,.note,.compat-table th,.release-link,.download-panel .meta,footer{font-size:14px}.demo-caption,.demo-top,.demo-label,.demo-status{font-size:12px}.editor-tools{padding-block:14px}.align-controls button{min-width:36px;min-height:32px}.download-panel p{font-size:16px}.compat-table th{letter-spacing:.4px}.demo-bottom{gap:8px}.keys{gap:6px}.step:before{font-size:14px}[lang=ar]{font-family:-apple-system,BlinkMacSystemFont,"Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif}@media(max-width:720px){.languages{gap:10px}.languages a{font-size:13px}.eyebrow{font-size:12px}.demo-status{font-size:11px}.key{padding:8px 10px;font-size:13px}.download-panel .meta{font-size:13px}.note{font-size:14px!important}}
