.ztp .zx-wrap{max-width:calc(980px + 2 * var(--zn-pad))}.ztp-head{padding-top:calc(var(--zn-sec) - 32px);border-bottom:1px solid var(--zn-line);padding-bottom:40px}.zx .ztp-crumbs{color:var(--zn-text-2);font-size:var(--zn-small);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;line-height:20px;display:flex}.zx .ztp-crumbs a{min-height:24px;color:var(--zn-text-2);align-items:center;text-decoration:none;transition:color .16s;display:inline-flex}.zx .ztp-crumbs a:hover{color:var(--zn-text)}.zx .ztp-crumbs [aria-current]{color:var(--zn-text-1)}.zx .ztp-h1{max-width:18em;color:var(--zn-text);font-size:40px;line-height:44px;font-weight:var(--zn-w-head);letter-spacing:var(--zn-track-h);margin:0}.zx .ztp-lead{max-width:40em;color:var(--zn-text-2);font-size:var(--zn-body-lg);margin:16px 0 0;line-height:1.6;display:block}.ztp-body{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:0 60px;padding-top:48px;display:grid}.ztp-main{min-width:0}.ztp-preview,.ztp-preview .zn-frame{margin:0}.ztp-preview .zx-window{height:600px}.ztp-shot{border-radius:var(--zn-radius-lg);background:var(--zn-bg-1);display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 24px 64px -16px #000c}.ztp-shot img{width:100%;height:auto;display:block}.zx .ztp-preview figcaption{color:var(--zn-text-2);font-size:var(--zn-small);margin-top:16px;line-height:20px}.ztp-sec{padding-top:56px}.zx .ztp-sec h2{color:var(--zn-text);font-size:24px;line-height:32px;font-weight:var(--zn-w-card);letter-spacing:-.012em;margin:0 0 16px}.zx .ztp-sec p{max-width:40em;color:var(--zn-text-2);font-size:var(--zn-body);margin:0;line-height:24px}.zx .ztp-sec p+p{margin-top:16px}.zx .ztp-sec p a{color:var(--zn-text-1);text-decoration:underline;-webkit-text-decoration-color:var(--zn-line-2);text-decoration-color:var(--zn-line-2);text-underline-offset:3px;transition:color .16s}.zx .ztp-sec p a:hover{color:var(--zn-text);text-decoration-color:currentColor}.ztp-side{top:calc(var(--zn-header) + 32px);position:sticky}.ztp-id{align-items:center;gap:14px;display:flex}.ztp-icon{background:var(--zn-bg-3);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--zn-line);border-radius:10px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.ztp-id>span:last-child{min-width:0;display:grid}.ztp-id b{color:var(--zn-text);font-size:var(--zn-body);line-height:22px;font-weight:var(--zn-w-ui)}.ztp-id b+span{color:var(--zn-text-2);font-size:var(--zn-small);line-height:20px}.ztp-facts{border-top:1px solid var(--zn-line);gap:16px;margin:24px 0 0;padding:24px 0 0;display:grid}.zx .ztp-facts dt{color:var(--zn-text);font-size:var(--zn-small);line-height:20px;font-weight:var(--zn-w-ui)}.zx .ztp-facts dd{color:var(--zn-text-2);font-size:var(--zn-small);margin:2px 0 0;line-height:20px}.zx .ztp-facts dd a{color:var(--zn-text-2);text-decoration:none;transition:color .16s}.zx .ztp-facts dd a:hover{color:var(--zn-text)}.ztp-ways{gap:8px;margin-top:24px;display:grid}.zx .ztp-pill{background:var(--zn-fill);min-height:36px;box-shadow:inset 0 0 0 1px var(--zn-line-2);color:var(--zn-text);font-size:var(--zn-small);line-height:20px;font-weight:var(--zn-w-ui);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.zx .ztp-pill:hover{background:var(--zn-fill-2)}.zx .ztp-pill-primary{background:var(--zn-pill);box-shadow:none;color:var(--zn-on-pill)}.zx .ztp-pill-primary:hover{background:var(--zn-pill-hover);color:var(--zn-on-pill)}.zx .ztp-pill:focus-visible{outline:2px solid var(--zn-accent);outline-offset:2px}.zx .ztp-note{color:var(--zn-text-2);font-size:var(--zn-tiny);margin:16px 0 0;line-height:18px}.ztp-more{padding-top:120px}.ztp-more-head{border-top:1px solid var(--zn-line);justify-content:space-between;align-items:baseline;gap:16px;padding-top:48px;display:flex}.zx .ztp-more-head h2{color:var(--zn-text);font-size:24px;line-height:32px;font-weight:var(--zn-w-card);letter-spacing:-.012em;margin:0}.zx .ztp-all{min-height:24px;color:var(--zn-text-2);font-size:var(--zn-small);align-items:center;text-decoration:none;transition:color .16s;display:inline-flex}.zx .ztp-all:hover{color:var(--zn-text)}.ztp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.zx .ztp-card{border-radius:var(--zn-radius-lg);background:var(--zn-bg-1);height:100%;box-shadow:inset 0 0 0 1px var(--zn-line);color:inherit;align-content:start;gap:28px;padding:20px;text-decoration:none;transition:background-color .16s,box-shadow .16s;display:grid}.zx .ztp-card:hover{background:var(--zn-bg-2);box-shadow:inset 0 0 0 1px var(--zn-line-2)}.ztp-card-x{color:var(--zn-text-2);font-size:var(--zn-small);line-height:20px}.ztp-band{padding:200px 0 calc(var(--zn-sec) + 48px)}.ztp-band-in{text-align:center;justify-items:center;display:grid}.ztp-band-icon{background:var(--zn-bg-3);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--zn-line-2);color:var(--zn-text);border-radius:14px;place-items:center;margin-bottom:28px;font-size:28px;line-height:1;display:grid}.zx .ztp-band h2{color:var(--zn-text);font-size:40px;line-height:44px;font-weight:var(--zn-w-head);letter-spacing:var(--zn-track-h);margin:0}.zx .ztp-band p{max-width:26em;color:var(--zn-text-2);font-size:var(--zn-body);margin:12px 0 28px;line-height:24px}@media (max-width:1023px){.ztp-body{grid-template-columns:1fr;gap:0;padding-top:32px}.ztp-side{border-bottom:1px solid var(--zn-line);order:-1;margin-bottom:40px;padding-bottom:32px;position:static}.ztp-ways{grid-template-columns:repeat(2,minmax(0,max-content))}.ztp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.ztp-head{padding-top:48px;padding-bottom:28px}.zx .ztp-h1{font-size:32px;line-height:36px}.ztp-preview .zx-window{height:640px}.ztp-ways,.ztp-cards{grid-template-columns:1fr}.ztp-more{padding-top:72px}.ztp-band{padding:120px 0 112px}.zx .ztp-band h2{font-size:28px;line-height:32px}}
