*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101517;color:#edf4f5;font:16px/1.6 "Segoe UI",Arial,sans-serif}main{max-width:1360px;margin:auto;padding:0 5%}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2b3438}.brand{font-size:24px;font-weight:650;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.version,.step,.eyebrow{font-size:14px;letter-spacing:.08em;color:#9daeb4}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:58px 0 46px}.eyebrow{color:#64d4c6;margin:0 0 18px}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px;font-weight:600}.intro{color:#b7c6cb;max-width:400px;font-size:19px}figure{margin:18px 0 0}figure img{display:block;width:100%;max-height:430px;object-fit:cover;object-position:center 58%;border-radius:4px}figcaption{font-size:14px;color:#96a9b1;max-width:440px;padding-top:14px}.download{border-top:3px solid #64d4c6;background:#192226;padding:30px 34px;height:fit-content}h2{font-size:29px;line-height:1.2;margin:13px 0 18px;letter-spacing:-.02em}h3{font-size:19px;margin:10px 0}p{margin:0 0 20px}.download>p,.license-info p{color:#b8c7cb}form{display:grid;gap:8px;margin-top:28px}label{font-weight:600;margin-top:7px}input{font:inherit;background:#10191d;color:#edf4f5;border:1px solid #4a5c64;padding:12px 14px;border-radius:4px;width:100%}input:focus{outline:2px solid #64d4c6;outline-offset:2px}.privacy{font-size:14px;color:#9fb0b8;margin:8px 0 15px}.primary{display:block;text-align:center;text-decoration:none;border:0;border-radius:4px;padding:15px 18px;background:#6ad6c7;color:#102a29;font:600 16px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer}.primary:hover{background:#92e7db}.primary:disabled{opacity:.65;cursor:wait}.primary:focus-visible,.text-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.license-info{border-top:1px solid #3a494e;margin-top:30px;padding-top:24px}.license-info p:last-child{margin-bottom:0}code{font-size:14px;color:#d3e8e7;overflow-wrap:anywhere}.error{color:#ffb9b2;font-size:15px;margin:10px 0}.success{border:1px solid #508c81;padding:20px;margin-top:22px}.text-button{background:none;border:0;color:#b8dcd7;text-decoration:underline;font:inherit;cursor:pointer;margin-top:16px;padding:0}footer{border-top:1px solid #2b3438;color:#97a9b1;font-size:14px;display:flex;justify-content:space-between;gap:20px;padding:24px 0 35px}@media(max-width:820px){.workspace{gap:28px;grid-template-columns:1fr;padding-top:30px}h1 br{display:none}figure img{max-height:270px;object-position:center 58%}.download{padding:26px 22px}.version{font-size:13px}header{min-height:85px}.product{max-width:580px}.intro{max-width:none}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.primary{transition:background .15s}}

[hidden]{display:none!important}

.examples{border-top:1px solid #2b3438;padding:45px 0 52px}.examples h2{font-size:clamp(28px,3vw,40px);margin-top:0}.examples-intro{color:#b7c6cb;max-width:680px}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.example-card{background:#151e22;border:1px solid #2b3b41;border-radius:8px;overflow:hidden}.example-card h3{display:flex;gap:14px;align-items:baseline;font-size:17px;padding:20px 20px 0;margin:0 0 18px}.example-card h3 span{color:#64d4c6;font-size:13px}.example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2b3b41}.example-pair figure{margin:0;background:#101517;min-width:0}.example-pair a{display:block;background:#000;padding:10px;cursor:zoom-in}.example-pair img{width:100%;aspect-ratio:4/3;height:auto;max-height:none;object-fit:contain;border-radius:0}.example-pair figcaption{padding:11px 16px;font-size:13px;color:#c0d2d7}.example-pair a:focus-visible{outline:3px solid #64d4c6;outline-offset:-3px}@media(max-width:1000px){.examples-grid{grid-template-columns:1fr}}@media(max-width:480px){.example-pair{grid-template-columns:1fr}.example-card h3{padding:16px 14px 0}.examples{padding-top:30px}}

header{flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.version{margin-left:auto}.language-switch{display:flex;flex-wrap:wrap;gap:5px}.language-switch a{color:#b8c7cb;text-decoration:none;font-size:14px;padding:6px 10px;border:1px solid transparent;border-radius:4px}.language-switch a[aria-current=true]{color:#6ad6c7;border-color:#42645f;background:#192a2a}.language-switch a:hover{color:#fff}.language-switch a:focus-visible{outline:2px solid #6ad6c7;outline-offset:2px}@media(max-width:600px){.language-switch{width:100%}.version{font-size:12px}}