.ssr-section{flex-direction:row;align-items:flex-start;gap:6vw;width:100%;max-width:1400px;margin:0 auto;padding:8vh 5vw;display:flex;position:relative}.ssr-preview{z-index:10;background:#0e0e0e;border:1px solid #ffffff17;border-radius:28px;flex:0 0 460px;order:2;justify-content:center;align-self:flex-start;align-items:center;width:460px;height:560px;display:flex;position:sticky;top:calc(50vh - 280px);overflow:hidden;transform:none;box-shadow:0 0 0 1px #ffffff0a,0 40px 80px -20px #000000b3}.ssr-preview-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ssr-pips{z-index:5;flex-direction:column;gap:7px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ssr-pip{background:#fff3;border-radius:50%;width:5px;height:5px;transition:background .3s,transform .3s}.ssr-pip--on{background:#fff;transform:scale(1.6)}.ssr-bar-track{z-index:5;background:#ffffff12;width:100%;height:3px;position:absolute;bottom:0;left:0}.ssr-bar-fill{transform-origin:0;background:linear-gradient(90deg,#6366f1,#a855f7);width:100%;height:100%}.ssr-text-col{flex:1;order:1;min-width:0}.ssr-card{min-height:30vh;margin-bottom:20vh;padding:12vh 0}.ssr-title{color:#fff;letter-spacing:-.04em;will-change:opacity, transform, filter;margin-bottom:1.5rem;font-size:clamp(1.8rem,4.5vw,3.6rem);font-weight:900;line-height:1.05}.ssr-desc{color:#9ca3af;white-space:pre-line;will-change:opacity, transform, filter;max-width:500px;font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.75}.ssr-spacer{height:50vh}@media (max-width:960px){.ssr-section{flex-direction:column;gap:0;padding:3vh 5vw}.ssr-preview{border-radius:18px;flex:none;order:1;align-self:auto;width:100%;height:42vw;min-height:220px;max-height:320px;margin-bottom:3rem;position:sticky;top:70px;transform:none}.ssr-text-col{order:2;width:100%}.ssr-card{margin-bottom:15vh;padding:6vh 0}.ssr-title{font-size:2rem}.ssr-desc{max-width:100%;font-size:1rem}.ssr-spacer{height:20vh}}