.viral-guide{margin:20px 0 28px;background:#101014;border-radius:20px;padding-left:60px;height:300px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;gap:40px;color:#fff}
.viral-guide-copy{flex:0 0 34%;position:relative;z-index:1}
.viral-guide-copy h2{font-size:clamp(32px,3.4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px;font-weight:700}
.viral-guide-copy h2 span{color:#ff90e9}
.viral-guide-copy>p{font-size:18px;line-height:1.45;color:#c9c6cd;font-weight:700;margin:0}
.viral-guide-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1;padding:34px 24px 32px 20px;isolation:isolate;min-width:0}
.viral-guide-steps:before{content:"";position:absolute;inset:-50px -40px -50px -80px;z-index:-1;background:linear-gradient(110deg,#101014 10%,#822865 48%,#ffbddf 100%)}
.viral-guide-step{min-width:0}
.viral-guide-step video{width:100%;height:196px;display:block;object-fit:cover;background:#17151b;border-radius:20px}
.viral-guide-step p{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;font-weight:700;margin:12px 0 0;white-space:nowrap;text-shadow:0 1px 4px #34172c}
.viral-guide-step p span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #ffffff80;border-radius:50%;font-size:13px}
.viral-guide-step:last-child p{color:#24131f;text-shadow:none}
.viral-guide-step:last-child p span{border-color:currentColor}
.idea-mode .viral-guide{display:none}
@media(min-width:1600px){.viral-guide-step p{font-size:18px}}
@media(max-width:1100px) and (min-width:769px){.viral-guide{padding-left:28px;gap:20px}.viral-guide-copy{flex-basis:29%}.viral-guide-steps{padding-left:0;padding-right:16px;gap:10px}.viral-guide-step p{font-size:12px;white-space:normal}.viral-guide-copy>p{font-size:16px}}
@media(max-width:768px){.viral-guide{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px 0 0;margin-top:20px}.viral-guide-copy{padding:0 20px}.viral-guide-copy h2{font-size:36px;margin-bottom:14px}.viral-guide-copy>p{font-size:16px}.viral-guide-steps{grid-template-columns:1fr;padding:0 16px 24px;gap:20px}.viral-guide-steps:before{inset:0;background:linear-gradient(150deg,#101014 5%,#822865 60%,#ffbddf)}.viral-guide-step video{height:112px;object-fit:cover;object-position:center 20%}.viral-guide-step p{font-size:16px;margin-top:10px}}