.zp-page{min-height:100vh;background:#fff;padding:0 0 80px;font-family:-apple-system,SF Pro Display,Helvetica Neue,Arial,sans-serif;color:#3f3f46}.zp-note{padding:16px;font-size:13px;color:#71717a}.zp-note,.zp-tabs{max-width:1264px;margin:0 auto}.zp-tabs{position:relative;box-sizing:border-box;background:#fbfbfb;padding:32px 16px;overflow:hidden;border-radius:8px 8px 0 0;letter-spacing:.03em;width:100%}.zp-h2{margin:0 0 32px;font-size:24px;line-height:28px;font-weight:500;letter-spacing:.02em;color:#3f3f46;max-width:650px}.zp-grid{display:block}.zp-list{display:none}.zp-m-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding-left:30px;min-height:44px}.zp-m-name{font-size:16px;line-height:20px;font-weight:500;color:#3f3f46}.zp-m-arrows{display:flex}.zp-m-arrows button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:#3f3f46}.zp-dot:focus-visible,.zp-m-arrows button:focus-visible,.zp-tab:focus-visible{outline:2px solid #2865eb;outline-offset:2px}.zp-m-wrap{position:relative;padding-left:30px}.zp-dots{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:6px}.zp-dot{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}.zp-mark{display:block;width:7px;height:7px;background:var(--c);opacity:.55;transition:transform .25s,opacity .25s}.zp-mark.circle{border-radius:50%}.zp-mark.square{width:6px;height:6px;border-radius:1px}.zp-mark.tri{width:8px;height:10px;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.zp-dot.on .zp-mark{opacity:1;transform:scale(1.25)}.zp-stage{position:relative;display:grid}.zp-slide{grid-area:1/1;position:relative;box-sizing:border-box;background:var(--bg);border-radius:8px;overflow:hidden;width:300px;min-height:372px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}.zp-slide.on{opacity:1;visibility:visible;z-index:1}.zp-slide .zp-m-title{position:relative;z-index:2;margin:0;padding:16px 16px 0;font-size:18px;line-height:22px;font-weight:500;letter-spacing:.02em;color:var(--ink,#3f3f46)}.zp-slide img{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}.zp-card{display:none}@media (min-width:768px){.zp-tabs{padding:60px 32px}.zp-h2{font-size:40px;line-height:44px}}@media (min-width:1024px){.zp-tabs{max-width:1103px;padding:48px}.zp-h2{margin-bottom:88px}.zp-grid{display:grid;grid-template-columns:244px minmax(0,568px) minmax(0,319px);align-items:start}.zp-m-row,.zp-m-title,.zp-m-wrap .zp-dots{display:none}.zp-m-wrap{display:contents}.zp-list{display:flex;flex-direction:column;gap:8px;margin-top:-15px}.zp-tab{position:relative;box-sizing:border-box;height:54px;padding:15px 0 0;text-align:left;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:.03em;color:#3f3f46}.zp-tab-label{display:flex;align-items:center;height:24px;font-size:18px;line-height:24px;font-weight:500;transition:padding-left .25s ease}.zp-tab .zp-mark{position:absolute;left:0;top:23px;opacity:0}.zp-tab.on .zp-mark{opacity:1;transform:none}.zp-tab.on .zp-tab-label{padding-left:17px}.zp-bar{position:absolute;left:0;right:0;bottom:3px;height:3px;background:#edecee;opacity:0}.zp-tab.on .zp-bar{opacity:1}.zp-bar i{display:block;height:100%;width:100%;background:var(--c);transform-origin:left;transform:scaleX(0)}.zp-tab.on .zp-bar i{animation:zp-fill var(--dur,7s) linear forwards}.zp-tabs.paused .zp-tab.on .zp-bar i{animation-play-state:paused}.zp-stage{grid-column:2;margin-left:1px}.zp-slide{width:100%;height:623px;min-height:0}.zp-slide img{inset:0;width:100%;height:100%;object-fit:fill}.zp-card{display:block;grid-column:3;margin:71px 0 0 36px;box-sizing:border-box;background:#ededed;border-radius:8px;padding:24px}.zp-card h3{margin:0 0 12px;font-size:24px;line-height:28px;font-weight:500}.zp-card h3,.zp-card p{letter-spacing:.03em;color:#3f3f46}.zp-card p{margin:0;font-size:18px;line-height:24px;font-weight:400}.zp-card-body{animation:zp-in .45s ease both}}@media (min-width:1280px){.zp-tabs{width:calc(100% - 24px);max-width:1264px;padding-bottom:45px}}@keyframes zp-fill{to{transform:scaleX(1)}}@keyframes zp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.zp-mark,.zp-slide,.zp-tab-label{transition:none}.zp-card-body{animation:none}.zp-tab.on .zp-bar i{animation:none;transform:scaleX(1)}}