*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101817;color:#ecf2ec;font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #d7ef9d;outline-offset:6px}.wrap{max-width:1120px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #34413c;gap:20px}.brand{font-weight:750;letter-spacing:-.5px;text-decoration:none}.brand span{color:#d7ef9d}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.languages{display:flex;gap:12px}.languages a{font-size:13px}.languages [aria-current]{color:#d7ef9d}.draft{font-size:12px;letter-spacing:.05em;color:#c8d3c7;padding:18px 0}.hero{padding:62px 0 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.tag{font-size:12px;letter-spacing:.17em;color:#d7ef9d;font-weight:650}h1{font-size:clamp(44px,5.7vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:22px 0}h2{font-size:clamp(29px,4vw,44px);line-height:1.15;letter-spacing:-.035em;font-weight:550}h3{font-size:20px;font-weight:600}.lead{font-size:19px;color:#b8c7bd;max-width:560px}.button{display:inline-block;background:#d7ef9d;color:#182217;padding:14px 23px;border-radius:7px;text-decoration:none;font-weight:650;margin:16px 0}.note{font-size:12px;color:#b8c7bd}.art{min-height:310px;border-radius:160px 160px 16px 16px;background:#23372b;padding:38px 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid #4a6049}.symbol{font-size:82px;line-height:1.2;color:#d7ef9d;margin:18px}.art p{font-size:14px;color:#dce8ce}.art small{font-size:12px;color:#b8c7bd}.section{padding:68px 0;border-top:1px solid #34413c}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}.features p,.steps p{color:#b8c7bd;font-size:15px}.number{color:#d7ef9d;font:14px monospace}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.split p{color:#b8c7bd}.steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 45px;list-style:none;padding:0;counter-reset:steps}.steps li{border-top:1px solid #34413c;padding-top:15px;counter-increment:steps}.steps li:before{content:'0' counter(steps);color:#d7ef9d;font:14px monospace}.requirements{padding:25px 30px;background:#1c2923;border-radius:10px;margin-top:35px}.requirements p{font-size:15px}.download{background:#e8eddf;color:#1b291e;padding:42px;border-radius:14px}.download .button{background:#233b2b;color:#eff6e8}.download p{max-width:740px}.links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin:10px 0 25px}.fine{font-size:13px;opacity:.8}footer{padding:35px 0 45px;color:#afbeb3;font-size:12px;max-width:850px}@media(max-width:760px){.wrap{padding:0 22px}header{flex-wrap:wrap}header nav{order:3;width:100%}.hero,.split{grid-template-columns:1fr;gap:28px}.hero{padding:32px 0 48px}.art{min-height:230px;border-radius:100px 100px 12px 12px}.features,.steps{grid-template-columns:1fr}.section{padding:40px 0}.download{padding:26px}.symbol{font-size:58px}h1{font-size:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.photo-preview{background:#192820;border:1px solid #405448;border-radius:14px;padding:14px;min-width:0}.photo-preview img{display:block;width:100%;height:auto;border-radius:7px}.photo-preview p{font-size:12px;color:#c5d5c7;margin:16px 0 6px}.photo-preview>a:last-child{font-size:14px;color:#d7ef9d}.gallery-intro{max-width:800px;color:#b8c7bd}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.screenshot-grid figure{margin:0;background:#192820;border:1px solid #344b3c;border-radius:12px;overflow:hidden;min-width:0}.screenshot-grid figure:first-child{grid-column:1/-1}.screenshot-link{display:block;background:#091926}.screenshot-grid img{display:block;width:100%;height:auto}.screenshot-grid figcaption{padding:22px 25px}.screenshot-grid h3{margin:0 0 10px}.screenshot-grid p{font-size:15px;color:#b8c7bd;margin:0 0 14px}.screenshot-grid figcaption a{font-size:13px;color:#d7ef9d}@media(max-width:760px){.screenshot-grid{grid-template-columns:1fr}.screenshot-grid figcaption{padding:18px}.photo-preview{max-width:100%}}

.usage-banner{margin:0;padding:14px 18px;border-left:3px solid #e5c56c;background:#263026;color:#f3e3b8;font-size:14px}.usage-notice{border:1px solid #a08843;border-left:5px solid #826518;background:#f5edcf;padding:18px 22px;border-radius:7px;margin:22px 0;color:#2c291d}.usage-notice h3{margin:0 0 8px}.usage-notice p{font-size:15px;margin:0}#usage-notice{scroll-margin-top:24px}
.download-count{font-size:15px;margin:4px 0 0}.review-summary{font-size:28px;letter-spacing:-.03em;margin:18px 0 0}.review-summary span{display:block;font-size:14px;color:#b8c7bd;letter-spacing:0}.reviews{display:grid;gap:0;margin-top:8px}.review{border-top:1px solid #34413c;padding:16px 0}.review .meta{color:#d7ef9d;font-size:14px}.review p{color:#b8c7bd;font-size:15px;margin:8px 0}.review a{font-size:13px;color:#d7ef9d}