.sp-how-it-works{max-width:1290px;margin:110px auto 70px;padding:0 26px;scroll-margin-top:32px}.sp-how-intro{grid-template-columns:1.12fr 1fr;align-items:center;gap:68px;margin-bottom:38px;display:grid}.sp-how-copy .sp-eyebrow{letter-spacing:.35px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.saas .sp-how-copy h2{letter-spacing:-1.5px;margin:17px 0 22px;font-size:clamp(30px,3.3vw,46px);font-weight:750;line-height:1.18}.sp-how-copy h2 span{color:#bf9bff;margin-top:5px;display:block}.saas .sp-how-copy>p{color:#b7b2c4;max-width:560px;margin:0;font-size:16px;line-height:1.85}.sp-how-actions{flex-wrap:wrap;align-items:center;gap:20px 25px;margin-top:28px;display:flex}.sp-how-actions .sp-button{min-height:48px;font-size:13px}.sp-how-actions .sp-text-link{color:#cdc3dd;font-size:13px}.sp-how-visual{isolation:isolate;background:radial-gradient(at 50% 0,#8e56da24,#0000 75%),#14111d;border:1px solid #473557;border-radius:24px;min-width:0;padding:23px 25px 18px;position:relative;overflow:hidden;box-shadow:0 18px 65px #09060f88}.sp-how-visual:before{content:"";z-index:-1;filter:blur(45px);pointer-events:none;background:#8c46e718;position:absolute;inset:20% -10% 0}.sp-how-visual-label{color:#ddd0f3;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.sp-how-frames{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;display:grid}.sp-how-frame{aspect-ratio:9/14;background:#211a2c;border:1px solid #ae91d44d;border-radius:12px;position:relative;overflow:hidden;transform:translateY(8px)rotate(-4deg)}.sp-how-frame:nth-child(2){aspect-ratio:9/16;z-index:1;transform:translateY(-2px);box-shadow:0 8px 30px #0007}.sp-how-frame:nth-child(3){transform:translateY(8px)rotate(4deg)}.sp-how-frame img{object-fit:cover}.sp-how-frame>span{color:#f6f0ff;background:#110b1bc4;border:1px solid #ffffff2b;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:650;position:absolute;bottom:9px;left:9px}.sp-how-audio-layers{gap:6px;margin-top:22px;display:grid}.sp-how-audio-layers>div{color:#b5a0d4;grid-template-columns:13px 85px minmax(0,1fr);align-items:center;gap:7px;min-height:23px;font-size:10px;display:grid}.sp-how-audio-layers i{background:#9c61f61c;border:1px solid #a378f130;border-radius:4px;height:19px;display:block}.sp-how-audio-wave{clip-path:polygon(0 38%,8% 38%,8% 10%,18% 10%,18% 35%,25% 35%,25% 0,42% 0,42% 25%,56% 25%,56% 0,67% 0,67% 35%,78% 35%,78% 15%,91% 15%,91% 38%,100% 38%,100% 62%,91% 62%,91% 85%,78% 85%,78% 65%,67% 65%,67% 100%,56% 100%,56% 75%,42% 75%,42% 100%,25% 100%,25% 65%,18% 65%,18% 90%,8% 90%,8% 62%,0 62%);background:repeating-linear-gradient(90deg,#bf9de455 0 2px,#0000 2px 5px),#9c61f61c!important}.sp-how-audio-layers .sp-how-music-wave{background:linear-gradient(90deg,#55bc9730,#55bc9712,#55bc9730);border-color:#70bba237}.sp-how-audio-layers .sp-how-caption-track{background:repeating-linear-gradient(90deg,#d4a66738 0 16%,#0000 16% 19%);border-color:#e6b77a30;width:84%;height:12px}.saas .sp-how-visual>p{text-align:center;color:#9e90b2;margin:13px 0 0;font-size:11px}.sp-how-steps{counter-reset:how-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0;list-style:none;display:grid}.sp-how-steps>li{background:linear-gradient(145deg,#19151f,#111016);border:1px solid #322b3f;border-radius:16px;flex-direction:column;min-width:0;padding:25px;display:flex}.sp-how-step-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.sp-how-step-icon{color:#be96fb;background:#9e61e81a;border:1px solid #8b5bc044;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.sp-how-step-number{color:#62536f;letter-spacing:-1px;font-size:26px;font-weight:650}.saas .sp-how-steps h3{color:#f0ebf8;letter-spacing:-.5px;margin:0 0 13px;font-size:20px;line-height:1.4}.saas .sp-how-steps p{color:#b4abba;margin:0 0 22px;font-size:14px;line-height:1.85}.sp-how-step-detail{color:#c6aedf;border-top:1px solid #33293e;align-items:flex-start;gap:7px;margin-top:auto;padding-top:16px;font-size:12px;line-height:1.6;display:flex}.sp-how-step-detail svg{flex-shrink:0;margin-top:3px}.sp-how-confidence{background:linear-gradient(110deg,#271c323d,#18131f);border:1px solid #423149;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:20px;padding:28px 30px;display:grid}.saas .sp-how-confidence h3{color:#e8def1;margin:0 0 7px;font-size:19px;line-height:1.45}.saas .sp-how-confidence p{color:#afa1bd;max-width:570px;margin:0;font-size:13px;line-height:1.8}.sp-how-confidence ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sp-how-confidence li{color:#d2c4e0;align-items:flex-start;gap:9px;font-size:12px;line-height:1.65;display:flex}.sp-how-confidence li svg{color:#aabf9a;flex-shrink:0;margin-top:2px}@media (max-width:1000px){.sp-how-intro{gap:30px}.sp-how-steps>li{padding:22px}.saas .sp-how-steps h3{font-size:18px}}@media (max-width:800px){.sp-how-it-works{margin-top:70px}.sp-how-intro{grid-template-columns:1fr;gap:35px}.sp-how-visual{justify-self:center;width:min(100%,470px)}.sp-how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-how-confidence{grid-template-columns:1fr;gap:22px}}@media (max-width:580px){.sp-how-it-works{margin:55px auto 45px;padding:0 20px}.saas .sp-how-copy h2{letter-spacing:-1.1px;margin-top:15px;font-size:32px}.sp-how-copy .sp-eyebrow{letter-spacing:0;font-size:10px}.saas .sp-how-copy>p{font-size:15px;line-height:1.85}.sp-how-actions{gap:20px}.sp-how-actions .sp-button{width:100%}.sp-how-visual{border-radius:18px;padding:20px 18px 16px}.sp-how-frames{gap:8px}.sp-how-steps{grid-template-columns:1fr;gap:12px}.sp-how-steps>li{padding:23px}.sp-how-step-top{margin-bottom:17px}.saas .sp-how-steps h3{font-size:20px}.sp-how-confidence{padding:23px}}