
:root{--ink:#ebedf2;--muted:#a2a6af;--bg:#18191c;--panel:#202125;--line:#41444d;--accent:#a5bcd6;--blue:#8cafdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:0 36px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand-mark{display:block;width:33px;height:33px;object-fit:contain;flex:none}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;text-decoration:none;color:var(--muted)}nav a:hover{color:white}.tag{display:inline-flex;gap:9px;align-items:center;text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:2px;color:var(--accent)}.tag:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{padding:72px 0 90px;display:grid;grid-template-columns:.95fr 1.1fr;gap:65px;align-items:center}h1{font-size:clamp(46px,6vw,76px);font-weight:600;line-height:1.07;letter-spacing:-3.5px;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}.lead{color:var(--muted);max-width:470px;font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 20px}.button{display:inline-flex;align-items:center;gap:16px;border-radius:7px;background:var(--accent);color:#18191c;padding:13px 21px;text-decoration:none;font-size:14px;font-weight:650}.quiet{font-size:13px;color:var(--muted)}.key{border:1px solid #536174;border-bottom-width:3px;border-radius:6px;padding:1px 12px;font:inherit;display:inline-block;color:#dae3ed;background:#2f3137}.preview{border:1px solid #41444d;border-radius:14px;background:#18191c;overflow:hidden;box-shadow:0 24px 70px #0007;transform:rotate(-2deg)}.preview-bar{background:#202125;padding:12px 15px;display:flex;align-items:center;gap:7px;font-size:11px;color:#a9b8c9}.dot{width:7px;height:7px;background:#69798a;border-radius:50%}.file-label{margin-left:10px}.preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.preview-foot{font-size:11px;color:#adbac9;padding:11px 15px;border-top:1px solid #41444d}.caption{font-size:11px;color:#8495aa;margin:18px 0 0;text-align:center}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;gap:28px}.strip strong{display:block;font-size:17px;font-weight:500}.strip span{font-size:13px;color:var(--muted)}section{padding:88px 0}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:2px}h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px;font-weight:550;margin:13px 0 24px}h3{font-size:20px;font-weight:550;letter-spacing:-.4px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:28px}.section-head p{max-width:410px;color:var(--muted);margin:0 0 24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid var(--line);padding-top:25px}.step .number{font-size:12px;color:var(--accent);font-family:monospace}.step p{color:var(--muted);font-size:15px}.formats{padding-top:0}table{width:100%;border-collapse:collapse;text-align:left}th{color:#8196af;text-transform:uppercase;font-size:11px;letter-spacing:1.4px;font-weight:500}td,th{padding:19px 15px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{padding-left:0;width:27%}td{font-size:14px}code{font:13px Consolas,monospace;color:#b9cbe3}.pill{display:inline-block;background:#414f68;color:#ebedf2;padding:2px 10px;border-radius:20px;font-size:11px}.muted{color:var(--muted)}.notice{padding:20px 24px;background:#202125;border-left:3px solid var(--blue);color:#bccadd;font-size:14px;margin:25px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.split p{color:var(--muted)}.privacy-symbol{font-size:56px;line-height:1;color:var(--accent);margin-bottom:24px}.faq{padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px}.faq details p{max-width:750px;color:var(--muted)}.closing{border:1px solid var(--line);border-radius:12px;padding:35px 40px;margin-bottom:70px;display:flex;justify-content:space-between;gap:30px;align-items:center}.closing h2{font-size:28px;margin:0 0 8px}.closing p{color:var(--muted);margin:0;font-size:14px}footer{border-top:1px solid var(--line);padding-top:27px;padding-bottom:30px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#899caf}footer div{display:flex;gap:24px}.document{max-width:820px;padding-top:55px;padding-bottom:70px}.document h1{font-size:52px;letter-spacing:-2px}.document h2{font-size:25px;letter-spacing:-.5px;margin-top:40px}.document p,.document li{color:#b6c5d8}.document .intro{font-size:19px}.document ul{padding-left:23px}.contact-box{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:10px;margin:28px 0}.contact-box strong{color:var(--ink)}.skip{position:absolute;left:20px;top:-80px;background:var(--accent);color:#111;padding:10px}.skip:focus{top:10px} @media(max-width:800px){header,main,footer{padding-left:22px;padding-right:22px}header{height:85px}nav{gap:15px}.hero{grid-template-columns:1fr;padding:35px 0 55px;gap:35px}h1{font-size:56px}.lead{max-width:none}.preview{transform:none}.strip{gap:20px}.strip strong{font-size:15px}.strip span{font-size:12px}.section-head{display:block}.steps{grid-template-columns:1fr;gap:18px}section{padding:55px 0}.split{grid-template-columns:1fr;gap:30px}.closing{padding:25px;display:block}.closing .button{margin-top:20px}td,th{padding:14px 7px}td{font-size:12px}.document h1{font-size:42px}footer{flex-direction:column}.document{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-screenshot{margin:0}.app-screenshot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.app-screenshot figcaption{margin-top:12px;color:var(--muted);font-size:14px}
