.ss{margin-top:28px}.ss-region{position:relative}.ss-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#e9e4d8;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #221c1412,0 1px 2px #221c140f,0 22px 44px -30px #221c1459}.ss-track{will-change:transform;display:flex}.ss-slide{background:linear-gradient(180deg, var(--ss-a), var(--ss-b));flex-direction:column;flex:0 0 100%;min-width:0;padding:clamp(24px,3.4vw,44px) clamp(18px,3.4vw,44px) clamp(22px,2.6vw,32px);display:flex}.ss-scene{order:1}.ss-cap{order:2}.ss-slide--0{--ss-a:#ede7d9;--ss-b:#e2dac9}.ss-slide--1{--ss-a:#e9e7e2;--ss-b:#dbd8d1}.ss-slide--2{--ss-a:#eee9e0;--ss-b:#e1d9cd}.ss-slide--3{--ss-a:#e6e8e5;--ss-b:#d8dbd7}.ss-scene{cursor:pointer;padding-right:12%;position:relative}.ss-tilt{transform:perspective(1800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0, var(--lift,0px), 0);position:relative}.ss-win{transform:translate3d(calc(var(--o,0) * 36px), 0, 0);background:#f4f2ec;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #221c1414,0 2px 4px #221c1414,0 24px 40px -22px #221c1461,0 56px 90px -48px #221c1473}.ss-win__bar{background:#e8e5dc;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.ss-win__bar i{background:#e5776c;border-radius:50%;flex:none;width:10px;height:10px}.ss-win__bar i:nth-child(2){background:#e6bd5b}.ss-win__bar i:nth-child(3){background:#79c36b}.ss-win__bar span{min-width:0;max-width:62%;height:22px;font:500 12px/22px var(--h-mono);color:#4b443d;white-space:nowrap;text-overflow:ellipsis;background:#fbfaf6;border-radius:11px;flex:0 auto;margin-left:16px;padding:0 14px;overflow:hidden}.ss .ss-win__img{aspect-ratio:16/10;pointer-events:none;width:100%;height:auto;display:block}.ss-phone{width:22%;transform:translate3d(calc(var(--o,0) * 170px), 0, 0);background:#17171a;border-radius:30px;padding:7px;position:absolute;bottom:-5%;right:-12%;box-shadow:0 0 0 1px #0006,0 3px 6px #221c1433,0 30px 50px -24px #221c148c}.ss .ss-phone__img{aspect-ratio:780/1688;pointer-events:none;border-radius:23px;width:100%;height:auto;display:block}.ss-cap{justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-top:clamp(28px,3.4vw,40px);display:flex}.ss-cap__words{min-width:0}.ss .ss-cap__i{font:600 12px/1 var(--h-mono);letter-spacing:.12em;color:var(--h-ink-2);margin:0 0 10px}.ss .ss-cap__name{letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.2;display:flex}.ss-chip{font:600 11px/1 var(--h-mono);letter-spacing:.1em;text-transform:uppercase;color:#2f7a47;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex;box-shadow:0 0 0 1px #221c1414}.ss-chip:before{content:"";background:#3f9a5c;border-radius:50%;width:7px;height:7px}.ss-chip--pre{color:#8a5a12}.ss-chip--pre:before{background:#b9822a}.ss .ss-cap__meta{color:var(--h-ink-2);margin:6px 0 0;font-size:15px;line-height:1.4}.ss .ss-cap__cav{color:#6e470c;margin:4px 0 0;font-size:13px;line-height:1.4}.ss-open{color:#0a1620;cursor:pointer;letter-spacing:-.01em;background:#6f97e4;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-family:inherit;font-size:16px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 2px #0a162033,0 10px 20px -12px #0a162073}.ss-nav{align-items:center;gap:10px;margin-top:16px;display:flex}.ss-arrow,.ss-pause{cursor:pointer;height:44px;color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 1px 2px #221c140f;background:#fff;border:0;border-radius:999px;flex:none;place-items:center;font-family:inherit;display:inline-grid}.ss-arrow{width:44px;font-size:18px;line-height:1}.ss-pause{align-items:center;gap:8px;padding:0 16px 0 14px;font-size:13px;font-weight:600;display:inline-flex}.ss-ico-pause{border-left:3px solid;border-right:3px solid;width:10px;height:12px}.ss-ico-play{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:11px;height:12px}.ss-pick{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;min-width:0;display:grid}.ss-pick__b{cursor:pointer;text-align:left;min-width:0;min-height:44px;color:var(--h-ink-3);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:6px 4px 8px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;display:grid}.ss-pick__b.is-on{color:var(--ink)}.ss-pick__n{font:600 11px/1 var(--h-mono);letter-spacing:.06em}.ss-pick__t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ss-pick__bar{background:#16120f1f;border-radius:2px;grid-column:1/-1;height:3px;display:block;overflow:hidden}.ss-pick__bar i{transform-origin:0;background:#6f97e4;height:100%;display:block;transform:scaleX(0)}.ss-pick__b.is-on .ss-pick__bar i{transform:scaleX(1)}@keyframes ss-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ss--motion .ss-track,.ss--motion .ss-win{transition:transform .82s cubic-bezier(.22,1,.36,1)}.ss--motion .ss-phone{transition:transform 1s cubic-bezier(.16,1,.3,1)}.ss--motion .ss-tilt{transition:transform .6s cubic-bezier(.22,1,.36,1)}.ss--motion.is-drag :is(.ss-track,.ss-win,.ss-phone){transition:none}.ss--motion .ss-pick__b.is-on .ss-pick__bar i{animation:6.5s linear both paused ss-prog}.ss--motion.is-running .ss-pick__b.is-on .ss-pick__bar i{animation-play-state:running}.ss--motion .ss-open,.ss--motion .ss-arrow,.ss--motion .ss-pause{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}@media (hover:hover) and (pointer:fine){.ss-stage{cursor:grab}.ss.is-drag .ss-stage{cursor:grabbing}.ss--motion .ss-open:hover,.ss--motion .ss-arrow:hover,.ss--motion .ss-pause:hover{transform:translateY(-2px)}.ss-open:hover{box-shadow:0 1px 2px #0a162033,0 14px 24px -12px #0a162080}}@media (min-width:1001px){.ss-slide{grid-template-columns:minmax(0,.78fr) minmax(0,2.22fr);align-items:center;gap:44px;padding-top:52px;padding-bottom:56px;display:grid}.ss-cap{flex-direction:column;order:0;justify-content:center;align-items:flex-start;gap:26px;margin-top:0}.ss .ss-cap__name{flex-direction:column;align-items:flex-start;gap:14px;font-size:30px}.ss .ss-cap__meta{margin-top:14px}.ss-scene{padding-right:9%}.ss-phone{width:23%;right:-9%}}@media (max-width:1000px){.ss-pick__t{font-size:12px}}@media (max-width:720px){.ss-stage{border-radius:22px}.ss-slide{padding:18px 14px 20px}.ss-scene{padding-bottom:15%;padding-right:0}.ss-win{border-radius:10px}.ss-win__bar{gap:5px;height:26px;padding:0 10px}.ss-win__bar i{width:7px;height:7px}.ss-win__bar span{max-width:70%;height:17px;margin-left:8px;padding:0 9px;font-size:10px;line-height:17px}.ss-phone{border-radius:18px;width:25%;padding:4px;bottom:-24%;right:4px}.ss .ss-phone__img{border-radius:14px}.ss-cap{flex-direction:column;align-items:flex-start;margin-top:18px}.ss .ss-cap__meta{font-size:14px}.ss-open{min-height:46px;padding:0 20px;font-size:15px}.ss-nav{gap:8px}.ss-pick{gap:6px}.ss-pick__b{grid-template-columns:minmax(0,1fr);align-content:center;padding:0 2px}.ss-pick__n,.ss-pick__t{display:none}.ss-pause{justify-content:center;width:44px;padding:0}.ss-pause__t{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
