.pg-hero{text-align:center;padding:140px 0 40px;position:relative;overflow:hidden}.pg-hero:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0 -10%;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.pg-hero .wrap{position:relative}.pg-hero h1{text-wrap:balance;max-width:12em;margin:0 auto 16px;font-size:clamp(40px,5.6vw,72px)}.pg-hero .sub{max-width:32em;margin:0 auto 26px}.pg-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pg-go{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.pg-sec{padding:36px 0}.pg-sec h2.c{text-align:center;margin:0 auto 8px;font-size:clamp(28px,3.4vw,42px)}.pg-sec .lead{text-align:center;color:var(--muted);max-width:34em;margin:0 auto 26px}.pg-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pg-grid>*{min-width:0}.pg-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}.pg-card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:18px}.pg-card p{color:var(--muted);margin:0 0 12px;font-size:15px}.pg-card a.pg-link{color:var(--go);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.pg-n{background:var(--accent);width:36px;height:36px;color:var(--accent-text);border-radius:11px;place-items:center;margin-bottom:12px;font-weight:700;display:grid}.pg-code{color:#e7e7ea;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f0f10;border-radius:10px;max-height:360px;margin:0;padding:16px 18px;font:500 13px/1.6 JetBrains Mono,ui-monospace,monospace;position:relative;overflow-x:auto}.pg-q{border-bottom:1px solid var(--line)}.pg-q summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 0;font-size:17px;font-weight:700;list-style:none;display:flex}.pg-q summary::-webkit-details-marker{display:none}.pg-q summary:after{content:"+";color:var(--faint);font-size:22px;line-height:1;transition:transform .2s}.pg-q[open] summary:after{transform:rotate(45deg)}.pg-q p{color:var(--muted);margin:-6px 0 18px}.pg-faq{max-width:760px;margin:0 auto}@media (width<=900px){.pg-grid{grid-template-columns:1fr}}.mk-logos{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mk-logos>*{min-width:0}.mk-logo{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.mk-logo .mk-show{place-items:center;height:170px;padding:24px;display:grid}.mk-logo .mk-show img{max-width:100%;max-height:72px}.mk-logo .mk-show.light{background:#fff}.mk-logo .mk-show.dark{background:#0f0f10}.mk-logo .mk-show.check{background:repeating-conic-gradient(var(--soft) 0 25%, var(--card) 0 50%) 0 0 / 20px 20px}.mk-logo div.mk-f{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.mk-logo b{font-size:15px}.mk-logo a{color:var(--go);font-size:14px;font-weight:700;text-decoration:none}.mk-colors{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mk-colors>*{min-width:0}.mk-c{border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.mk-c i{height:90px;display:block}.mk-c div{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.mk-c b{font-size:14.5px}.mk-c button{border:1px solid var(--line);background:var(--soft);color:var(--muted);cursor:pointer;border-radius:8px;padding:4px 10px;font:600 12.5px JetBrains Mono,ui-monospace,monospace}.mk-text{gap:14px;max-width:860px;margin:0 auto;display:grid}.mk-t{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px 22px}.mk-t header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mk-t header b{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:13px}.mk-t header button{border:1px solid var(--line);background:var(--soft);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 12px;font:600 13px Inter,system-ui,sans-serif}.mk-t p{margin:0;font-size:16px}.mk-rules{grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 auto;display:grid}.mk-rules>*{min-width:0}.mk-rules ul{color:var(--muted);margin:0;padding-left:20px}.mk-rules li{margin:6px 0}@media (width<=900px){.mk-logos,.mk-rules{grid-template-columns:1fr}.mk-colors{grid-template-columns:repeat(2,1fr)}}
