:root{color-scheme:dark;--bg:#101817;--panel:#192523;--text:#f3f8f5;--muted:#a8b9b4;--mint:#91e3cb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--mint);text-underline-offset:5px}a:focus-visible{outline:3px solid var(--mint);outline-offset:6px}header,main,footer{max-width:1160px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;font-size:14px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:700;text-decoration:none}.brand span{font-weight:400;color:var(--muted)}.brand img{border-radius:9px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:42px 0 72px}h1{font-size:clamp(44px,5.6vw,72px);line-height:1.07;letter-spacing:-.02em;margin:14px 0 24px}h1 em{color:var(--mint);font-style:normal}.lead{font-size:20px;color:var(--muted);max-width:510px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:13px 24px;border-radius:14px;font-weight:700;text-decoration:none}.primary{background:var(--mint);color:#102a22}.button:hover{filter:brightness(1.06)}.fine{font-size:13px;color:var(--muted);margin-top:16px}.preview{justify-self:center;width:300px;max-width:100%;margin:0}.preview img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 24px 60px #0006}.preview figcaption{font-size:13px;text-align:center;color:var(--muted);margin-top:16px}.connect{display:flex;align-items:center;gap:40px;justify-content:space-between;background:var(--panel);border:1px solid #344d44;padding:30px;border-radius:24px;margin:0 0 64px}.connect[hidden]{display:none}.connect h2{margin:0}.connect p{margin:8px 0}.connect .button{flex-shrink:0}.address{font-family:ui-monospace,monospace;font-size:15px;overflow-wrap:anywhere;color:var(--mint)}h2{font-size:34px;line-height:1.2;letter-spacing:-.015em;margin:0 0 28px}h3{font-size:21px;margin:14px 0 8px}p{color:var(--muted)}strong{color:var(--text)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid #3c4d46;padding-top:22px}.number{font-size:13px;color:var(--mint);font-weight:700}.steps p{font-size:15px}.details{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;margin:70px 0 20px}.details p{font-size:15px}footer{border-top:1px solid #2a3b34;display:flex;gap:24px;color:var(--muted);font-size:12px;margin-top:30px;padding-top:26px;padding-bottom:40px}footer span{margin-right:auto}.prose{max-width:800px}.prose h1{font-size:44px}.prose h2{font-size:24px;margin:34px 0 12px}.prose p{font-size:16px}.prose ul{color:var(--muted)}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}.brand span{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:24px}.hero .preview{width:300px;max-width:100%}.lead{font-size:18px}.button{width:100%}.steps,.details{grid-template-columns:1fr;gap:22px}.connect{display:block;padding:24px}.connect .button{margin-top:18px}.details{margin-top:44px}.steps article{padding-top:16px}footer{flex-wrap:wrap;gap:16px}footer span{flex-basis:100%}}

.button[hidden]{display:none}.secondary{border:1px solid #3c6657;color:var(--mint);margin-top:12px}

.ios-beta{font-size:14px;margin:18px 0 0}

.prose .policy-updated{font-size:14px;margin:-10px 0 28px}

.ios-showcase{margin:80px 0}.ios-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:30px}.ios-intro h2{margin-bottom:12px}.ios-intro p{max-width:560px;margin-bottom:0}.ios-intro .button{flex-shrink:0;margin:0}.ios-art{display:block}.ios-art img{display:block;width:100%;height:auto;border-radius:12px}.plugin-install{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:36px 0;border-block:1px solid #3c4d46}.plugin-install h2{margin-bottom:16px}.plugin-install p{max-width:700px}.plugin-install code{font-size:14px;overflow-wrap:anywhere;color:var(--text)}.plugin-install .button{flex-shrink:0}::selection{background:var(--mint);color:var(--bg)}@media(max-width:760px){.ios-showcase{margin:52px 0}.ios-intro,.plugin-install{display:block}.ios-intro .button{margin-top:22px}.plugin-install .button{margin-top:24px}.ios-art img{border-radius:8px}}

.plugin-logo{display:block;border-radius:12px;margin-bottom:20px}
