.sv-story{--story-ink:#11162a;--story-muted:#62697a;--story-purple:#633be8;--story-line:#e7e8ef;background:#fff;color:var(--story-ink);padding:88px 28px 104px;overflow:hidden}.sv-story__intro{max-width:760px;margin:0 auto 30px;text-align:center}.sv-story__eyebrow{color:var(--story-purple);font-size:.75rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.sv-story__intro h2{margin:14px 0 12px;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.08;letter-spacing:-.05em;font-weight:650}.sv-story__intro>p:last-child{max-width:620px;margin:0 auto;color:var(--story-muted);font-size:1rem;line-height:1.8}.sv-story__progress{position:sticky;z-index:10;top:18px;display:flex;width:max-content;max-width:100%;margin:26px auto 28px;padding:6px;border:1px solid rgba(226,227,235,.9);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(23,25,48,.07);backdrop-filter:blur(12px)}.sv-story__progress a{display:flex;align-items:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:999px;color:#707688;text-decoration:none;font-size:.84rem;font-weight:650;transition:background .25s,color .25s}.sv-story__progress a[aria-current=step]{background:#f1edff;color:var(--story-purple)}.sv-story__steps{max-width:1320px;margin:0 auto}.sv-story-step{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(38px,7vw,112px);min-height:570px;padding:62px clamp(12px,4vw,62px);scroll-margin-top:80px}.sv-story-step+.sv-story-step{border-top:1px solid #f0f0f4}.sv-story-step--reverse .sv-story-step__copy{order:2}.sv-story-step--reverse .sv-story-visual{order:1}.sv-story-step__copy{max-width:430px}.sv-story-step__number{display:flex;align-items:center;gap:13px;margin:0 0 23px;color:#8a8f9f;font-size:1.08rem;font-variant-numeric:tabular-nums;font-weight:650}.sv-story-step__number span{color:var(--story-purple);font-size:.72rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.sv-story-step__copy h3{margin:0 0 17px;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.055em;font-weight:650}.sv-story-step__copy>p:not(.sv-story-step__number){margin:0;color:var(--story-muted);font-size:1.02rem;line-height:1.8}.sv-story-step__link{display:inline-flex;align-items:center;gap:12px;margin-top:27px;color:var(--story-purple);font-size:.9rem;font-weight:700;text-decoration:none}.sv-story-step__link span{transition:transform .2s}.sv-story-step__link:hover span{transform:translateX(4px)}.sv-story-visual{position:relative;min-width:0;min-height:402px;border:1px solid #ececf2;border-radius:25px;background:radial-gradient(ellipse at 75% 18%,rgba(139,109,255,.11),transparent 42%),linear-gradient(145deg,#faf9ff,#f3f2f8);box-shadow:0 25px 65px rgba(25,25,53,.08);display:flex;align-items:center;justify-content:center;padding:44px;isolation:isolate}.sv-story-visual:before{position:absolute;z-index:-1;inset:20px;border:1px solid rgba(255,255,255,.8);border-radius:18px;content:""}[data-story-ready="true"] .sv-story-step:not(.is-visible) .sv-story-step__copy,[data-story-ready="true"] .sv-story-step:not(.is-visible) .sv-story-visual{opacity:0;transform:translateY(22px)}.sv-story-step.is-visible .sv-story-step__copy,.sv-story-step.is-visible .sv-story-visual{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.sv-story-step.is-visible .sv-story-visual{transition-delay:.12s}.sv-browser{width:100%;overflow:hidden;border:1px solid #e4e4e9;border-radius:12px;background:#fff;box-shadow:0 20px 46px rgba(27,26,45,.16);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);animation:sv-story-float 7s ease-in-out infinite}.sv-browser__bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #ededf0;background:#fbfbfc}.sv-browser__bar i{width:7px;height:7px;border-radius:50%;background:#d9d9e0}.sv-browser__bar>span{margin:auto;color:#8f93a0;font:9px Arial,sans-serif}.sv-browser__bar>b{color:#a0a2ac;font-size:10px}.sv-site{padding:0 6% 12px;font-family:Arial,sans-serif}.sv-site__nav{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0efec;color:#46423d;font-size:7px}.sv-site__nav strong,.sv-phone__brand{font-size:10px;letter-spacing:.1em}.sv-site__nav strong span,.sv-phone__brand span{color:#a6785f}.sv-site__hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:187px;gap:14px;align-items:center;padding:13px 0}.sv-site__hero>div:first-child{display:flex;align-items:flex-start;flex-direction:column}.sv-site__hero small{color:#9d755b;font-size:6px;letter-spacing:.15em}.sv-site__hero strong{margin:10px 0 7px;font-family:Georgia,serif;font-size:clamp(20px,3vw,38px);line-height:.98;font-weight:400;letter-spacing:-.04em}.sv-site__hero>div>span{color:#77716b;font-size:7px}.sv-site__hero em{margin-top:13px;padding:8px 10px;background:#252723;color:white;font-size:7px;font-style:normal}.sv-site__photo{position:relative;height:155px;overflow:hidden;background:linear-gradient(145deg,#ddd6cd,#b5a99b 48%,#eee9e2)}.sv-site__photo:before{position:absolute;inset:16% 10% 12%;background:linear-gradient(90deg,transparent 0 14%,#f3efe9 14% 59%,transparent 59%),linear-gradient(0deg,#968778 0 30%,transparent 30%),linear-gradient(90deg,#b4a99d,#e7dfd5 45%,#c7b9a7);box-shadow:inset 0 -14px 22px #b7ab9e;content:""}.sv-site__photo:after{position:absolute;right:17%;bottom:12%;width:31%;height:38%;border-radius:50% 50% 0 0;background:linear-gradient(90deg,#866f5a,#c5a889);content:""}.sv-site__photo span{position:absolute;z-index:1;right:9px;bottom:8px;color:white;font-size:6px;letter-spacing:.12em}.sv-site__foot{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #eee;font-size:6px;color:#777}.sv-story-note{position:absolute;right:25px;bottom:21px;display:flex;align-items:center;gap:8px;color:#62697a;font-size:.7rem}.sv-story-note__dot,.sv-inquiry__check{width:8px;height:8px;border-radius:50%;background:#6d47ec;box-shadow:0 0 0 4px #eee9ff}.sv-story-visual--launch{min-height:430px}.sv-browser--live{width:78%;margin-left:-10%;transform:perspective(1000px) rotateY(-4deg);animation:none}.sv-live-label{color:#319267!important;font-size:8px!important}.sv-phone{position:absolute;right:7%;bottom:27px;width:126px;height:248px;padding:20px 9px 12px;border:5px solid #24252b;border-radius:23px;background:#fff;box-shadow:0 18px 35px #25253a33;animation:sv-story-float 6s ease-in-out infinite reverse}.sv-phone__notch{position:absolute;top:5px;left:50%;width:48px;height:9px;border-radius:0 0 8px 8px;background:#24252b;transform:translateX(-50%)}.sv-phone__brand{margin:5px 0 10px;text-align:center;font-size:7px}.sv-phone__image{height:89px;background:linear-gradient(145deg,#ddd6cd,#a99a88 55%,#eee9e2)}.sv-phone>strong{display:block;margin-top:10px;font:13px Georgia,serif}.sv-phone>small{display:block;margin-top:8px;color:#a6785f;font:7px Arial,sans-serif}.sv-inquiry{position:absolute;right:15%;bottom:37px;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #e8e9ee;border-radius:12px;background:white;box-shadow:0 14px 38px #24243a24}.sv-inquiry__check{display:grid;width:26px;height:26px;place-items:center;background:#e8f7ef;color:#26865d;box-shadow:none;font-size:13px}.sv-inquiry span:nth-child(2){display:grid;gap:4px}.sv-inquiry small{color:#878c99;font-size:7px;letter-spacing:.1em}.sv-inquiry strong{font-size:10px}.sv-inquiry time{align-self:flex-start;color:#8d92a0;font-size:8px}.sv-flow-head{position:absolute;top:36px;left:44px;right:44px;display:flex;justify-content:space-between;color:#5d6371;font-size:9px;font-weight:700;letter-spacing:.11em}.sv-flow-head b{color:#25805c;font-size:9px;letter-spacing:0}.sv-flow-head b i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#30b377}.sv-flow{width:min(100%,400px);margin-top:28px}.sv-flow-node{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e8e8ef;border-radius:11px;background:#fff;box-shadow:0 7px 17px #2f2c4610;}.sv-flow-node>span:nth-child(2){display:grid;gap:3px}.sv-flow-node small{color:#8a8f9d;font-size:6px;letter-spacing:.1em}.sv-flow-node strong{font-size:10px}.sv-flow-node em{color:#878d9b;font-size:8px;font-style:normal}.sv-flow-node>b{display:grid;width:18px;height:18px;margin-left:auto;place-items:center;border-radius:50%;background:#e8f7ef;color:#26865d;font-size:9px}.sv-flow-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#f0ebff;color:#6944e6;font-size:16px}.sv-flow-icon--mail{background:#eaf3ff;color:#4287dc}.sv-flow-icon--crm{background:#e9f8f0;color:#28845f}.sv-flow-icon--follow{background:#fff4e9;color:#d28a3a}.sv-flow-wire{height:16px;margin-left:27px;border-left:1px dashed #b8a9f2;overflow:hidden}.sv-flow-wire i{display:block;width:4px;height:4px;margin-left:-3px;border-radius:50%;background:#704bea;animation:sv-story-pulse 1.4s infinite}.sv-flow-foot{position:absolute;right:44px;bottom:28px;left:44px;display:flex;align-items:center;gap:7px;color:#6f7483;font-size:8px}.sv-flow-foot>span:first-child{color:#724be8}.sv-flow-foot__time{margin-left:auto;color:#25805c}.sv-dash{width:100%;padding:20px;border:1px solid #e5e6ed;border-radius:14px;background:#fff;box-shadow:0 15px 40px #25243c14;font-family:Arial,sans-serif}.sv-dash header{display:flex;justify-content:space-between;align-items:center}.sv-dash header>span:first-child{display:grid;gap:5px}.sv-dash header b{font-size:8px;letter-spacing:.1em}.sv-dash header small{color:#7e8390;font-size:10px}.sv-dash__period{padding:7px 9px;border:1px solid #ececf1;border-radius:6px;color:#666c7a;font-size:7px}.sv-dash__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.sv-dash__cards>div{display:grid;gap:7px;padding:12px;border:1px solid #eeeef3;border-radius:8px}.sv-dash__cards small{color:#777d8b;font-size:6px;letter-spacing:.08em}.sv-dash__cards strong{font-size:20px;letter-spacing:-.04em}.sv-dash__cards i{margin-left:5px;color:#28845f;font-size:8px;font-style:normal}.sv-dash__cards span{color:#878c99;font-size:7px}.sv-chart{position:relative;height:120px;margin:20px 2px 18px 24px}.sv-chart__labels{position:absolute;top:0;bottom:18px;left:-24px;display:flex;flex-direction:column;justify-content:space-between;color:#a2a5af;font-size:6px}.sv-chart svg{width:100%;height:100%;overflow:visible;background:repeating-linear-gradient(to bottom,transparent 0 28px,#f0f0f4 29px 30px)}.sv-chart__fill{fill:rgba(112,76,232,.1);transform-origin:bottom;transform:scaleY(0);transition:transform 1.4s .25s}.is-visible .sv-chart__fill{transform:scaleY(1)}.sv-chart__line{fill:none;stroke:#7250e9;stroke-width:2.6;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.7s .3s}.is-visible .sv-chart__line{stroke-dashoffset:0}.sv-chart__months{display:flex;justify-content:space-between;color:#969aa5;font-size:6px}.sv-dash__next{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#f8f6ff}.sv-dash__next>span:first-child{color:#6f49e8;font-size:16px}.sv-dash__next>div{flex:1}.sv-dash__next small{color:#7a68ad;font-size:6px;letter-spacing:.08em}.sv-dash__next strong{display:block;margin:4px 0;font-size:9px}.sv-dash__next p{margin:0;color:#757988;font-size:7px}.sv-dash__arrow{color:#6f49e8;font-size:13px}.sv-demo-note{display:block;margin-top:10px;color:#9296a1;text-align:right;font-size:7px}@keyframes sv-story-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes sv-story-pulse{0%{transform:translateY(-4px);opacity:0}40%{opacity:1}100%{transform:translateY(12px);opacity:0}}
@media(max-width:900px){.sv-story{padding:70px 22px 78px}.sv-story-step{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:32px;min-height:500px;padding:48px 4px}.sv-story-visual{min-height:340px;padding:30px}.sv-story-visual--launch{min-height:370px}.sv-story-step__copy h3{font-size:clamp(2rem,4.6vw,2.8rem)}.sv-flow-head{top:25px;left:30px;right:30px}.sv-flow-foot{right:30px;bottom:20px;left:30px}.sv-phone{right:4%;width:108px;height:220px}.sv-inquiry{right:11%;bottom:27px}}
@media(max-width:640px){.sv-story{padding:52px 17px 60px}.sv-story__intro{margin-bottom:20px;text-align:left}.sv-story__intro h2{font-size:2.2rem}.sv-story__intro>p:last-child{font-size:.92rem}.sv-story__progress{position:relative;top:auto;width:100%;justify-content:space-between;margin:20px 0;padding:4px}.sv-story__progress a{flex:1;justify-content:center;gap:5px;padding:9px 5px;font-size:.67rem}.sv-story__steps{margin:0}.sv-story-step,.sv-story-step--reverse{grid-template-columns:1fr;gap:25px;min-height:0;padding:42px 0}.sv-story-step--reverse .sv-story-step__copy,.sv-story-step--reverse .sv-story-visual{order:initial}.sv-story-step__copy{max-width:520px}.sv-story-step__number{margin-bottom:14px}.sv-story-step__copy h3{max-width:450px;margin-bottom:12px;font-size:2.35rem}.sv-story-step__copy>p:not(.sv-story-step__number){font-size:.94rem}.sv-story-step__link{margin-top:17px}.sv-story-visual,.sv-story-visual--launch{min-height:285px;padding:25px 18px;border-radius:18px}.sv-story-visual:before{inset:10px;border-radius:13px}.sv-browser__bar{height:28px}.sv-site__hero{min-height:146px;gap:8px}.sv-site__photo{height:118px}.sv-site__hero strong{font-size:clamp(21px,7vw,30px)}.sv-site__hero em{margin-top:8px;padding:6px;font-size:6px}.sv-site__nav{height:34px;font-size:6px}.sv-site__nav strong{font-size:8px}.sv-story-note{right:15px;bottom:13px;font-size:.62rem}.sv-browser--live{width:85%;margin-left:-7%}.sv-phone{right:2%;bottom:21px;width:88px;height:184px;padding:18px 7px 8px;border-width:4px;border-radius:18px}.sv-phone__image{height:60px}.sv-phone>strong{font-size:10px}.sv-phone>small{font-size:6px}.sv-inquiry{right:13%;bottom:24px;gap:6px;padding:9px}.sv-inquiry__check{width:20px;height:20px;font-size:10px}.sv-inquiry strong{font-size:8px}.sv-inquiry small{font-size:6px}.sv-flow-head{top:19px;left:20px;right:20px}.sv-flow{margin-top:20px}.sv-flow-node{gap:9px;padding:9px}.sv-flow-node strong{font-size:9px}.sv-flow-icon{width:26px;height:26px}.sv-flow-wire{height:12px;margin-left:23px}.sv-flow-foot{right:20px;bottom:15px;left:20px;font-size:7px}.sv-dash{padding:13px}.sv-dash__cards{gap:6px}.sv-dash__cards>div{padding:9px}.sv-dash__cards strong{font-size:17px}.sv-chart{height:95px;margin-top:15px;margin-bottom:15px}.sv-dash__next{gap:7px;padding:8px}.sv-dash__next strong{font-size:8px}}

/* Scene playback: one short narrative per step, started only while visible. */
[data-home-page="true"],.sv-home-intro,.sv-story{overflow:clip}
.sv-story__progress{top:100px}
.sv-story-step{scroll-margin-top:158px}
.sv-story-step--reverse{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)}
.sv-browser,.sv-phone{animation:none}
.sv-site__photo,.sv-phone__image{background-image:url("images/home-services/web-story-interior.jpg");background-size:cover;background-position:center}
.sv-site__photo:before,.sv-site__photo:after{display:none}
.sv-build-steps{position:absolute;left:23px;bottom:18px;display:flex;gap:5px;max-width:58%}
.sv-build-steps span{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #e7e3f1;border-radius:999px;background:#fff;color:#6b617e;box-shadow:0 6px 12px #29253a10;font-size:8px;font-weight:700;white-space:nowrap}
.sv-build-steps i{display:grid;width:12px;height:12px;place-items:center;border-radius:50%;background:#eae5ff;color:#633be8;font-size:7px;font-style:normal}
.is-scene-active .sv-story-visual--website .sv-browser{animation:sv-scene-window .8s cubic-bezier(.2,.8,.2,1) both}
.is-scene-active .sv-story-visual--website .sv-site__nav{animation:sv-scene-rise .5s .42s both}
.is-scene-active .sv-story-visual--website .sv-site__hero>div:first-child{animation:sv-scene-rise .7s .75s both}
.is-scene-active .sv-story-visual--website .sv-site__photo{animation:sv-scene-photo .9s 1.05s both}
.is-scene-active .sv-story-visual--website .sv-site__foot{animation:sv-scene-rise .45s 1.5s both}
.is-scene-active .sv-build-steps span:nth-child(1){animation:sv-scene-pill .4s .45s both}
.is-scene-active .sv-build-steps span:nth-child(2){animation:sv-scene-pill .4s 1.05s both}
.is-scene-active .sv-build-steps span:nth-child(3){animation:sv-scene-pill .4s 1.7s both}
.is-scene-active .sv-story-note__dot{animation:sv-scene-glow 1.5s 2s 2}
.is-scene-active .sv-browser--live{animation:sv-scene-window .75s cubic-bezier(.2,.8,.2,1) both}
.is-scene-active .sv-phone{animation:sv-scene-phone .85s .55s cubic-bezier(.17,.85,.25,1) both}
.sv-story-step.is-scene-active .sv-inquiry{animation:sv-scene-notice .7s 1.5s cubic-bezier(.17,.85,.25,1) both}
.is-scene-active .sv-live-label{animation:sv-scene-live 1.5s 1.1s 3}
.sv-flow-wire i{animation:none}
.sv-story-step.is-scene-active .sv-flow-node{animation:sv-scene-flow-node .62s both}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(1){animation-delay:.12s}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(3){animation-delay:.7s}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(5){animation-delay:1.28s}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(7){animation-delay:1.86s}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(1)>b{animation:sv-scene-check .35s .42s both}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(3)>b{animation:sv-scene-check .35s 1s both}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(5)>b{animation:sv-scene-check .35s 1.58s both}
.sv-story-step.is-scene-active .sv-flow-node:nth-child(7)>b{animation:sv-scene-check .35s 2.16s both}
.is-scene-active .sv-flow-wire i{animation:sv-scene-travel .58s both}
.is-scene-active .sv-flow-wire:nth-child(2) i{animation-delay:.45s}
.is-scene-active .sv-flow-wire:nth-child(4) i{animation-delay:1.03s}
.is-scene-active .sv-flow-wire:nth-child(6) i{animation-delay:1.61s}
.is-scene-active .sv-flow-foot{animation:sv-scene-rise .55s 2.28s both}
.sv-chart__fill{transform:scaleY(1)}
.sv-chart__line{stroke-dashoffset:0}
.is-scene-active .sv-dash{animation:sv-scene-window .7s both}
.is-scene-active .sv-dash__cards>div:first-child{animation:sv-scene-rise .55s .38s both}
.is-scene-active .sv-dash__cards>div:last-child{animation:sv-scene-rise .55s .56s both}
.is-scene-active .sv-chart__fill{animation:sv-scene-chart-fill 1.35s .85s both}
.is-scene-active .sv-chart__line{animation:sv-scene-chart-line 1.55s .86s both}
.is-scene-active .sv-dash__next{animation:sv-scene-notice .7s 2s both}
@keyframes sv-scene-window{from{opacity:0;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg) translateY(25px) scale(.94)}to{opacity:1;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(0) scale(1)}}
@keyframes sv-scene-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sv-scene-photo{from{opacity:.2;clip-path:inset(0 100% 0 0);filter:blur(5px)}to{opacity:1;clip-path:inset(0);filter:blur(0)}}
@keyframes sv-scene-pill{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sv-scene-glow{0%,100%{box-shadow:0 0 0 4px #eee9ff}50%{box-shadow:0 0 0 9px #eee9ff70}}
@keyframes sv-scene-phone{from{opacity:0;transform:translate(35px,18px) rotate(5deg) scale(.9)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}
@keyframes sv-scene-notice{from{opacity:0;transform:translate(16px,16px) scale(.9)}70%{opacity:1;transform:translate(-2px,-2px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}
@keyframes sv-scene-live{50%{text-shadow:0 0 9px #31af75}}
@keyframes sv-scene-flow-node{from{opacity:.25;transform:translateY(10px);border-color:#ececf1}to{opacity:1;transform:translateY(0);border-color:#d9d0fa}}
@keyframes sv-scene-check{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}
@keyframes sv-scene-travel{from{opacity:0;transform:translateY(-6px)}40%{opacity:1}to{opacity:0;transform:translateY(17px)}}
@keyframes sv-scene-chart-fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes sv-scene-chart-line{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@media(max-width:900px) and (min-width:641px){.sv-story-step--reverse{grid-template-columns:minmax(0,1.28fr) minmax(220px,.72fr)}}
@media(max-width:640px){.sv-story__progress{position:sticky;top:83px;z-index:40}.sv-story-step,.sv-story-step--reverse{grid-template-columns:1fr;scroll-margin-top:145px}.sv-build-steps{left:12px;bottom:9px;gap:3px}.sv-build-steps span{padding:3px 5px;font-size:6px}.sv-build-steps i{width:10px;height:10px}.sv-story-note{bottom:9px}}
.sv-story__progress{top:var(--sv-story-nav-top,104px);z-index:45}
body.admin-bar .sv-story__progress{top:var(--sv-story-nav-top,136px)}
.sv-story-step{scroll-margin-top:var(--sv-story-step-offset,52px)}
body.admin-bar .sv-story-step{scroll-margin-top:var(--sv-story-step-offset,84px)}


.sv-story-visual::after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:0 0 25px 25px;background:linear-gradient(90deg,#5a4dff,#a27cff);content:"";transform:scaleX(0);transform-origin:left;pointer-events:none}
.sv-story-step.is-scene-active .sv-story-visual::after{animation:sv-scene-playback 3.1s linear both}
@keyframes sv-scene-playback{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:640px){.sv-story__progress{top:var(--sv-story-nav-top,90px);flex-wrap:wrap;width:100%;border-radius:18px}.sv-story__progress>a{flex:1 1 25%;max-width:25%;min-height:44px;padding:10px 3px;font-size:.78rem}.sv-story-step{scroll-margin-top:var(--sv-story-step-offset,70px)}body.admin-bar .sv-story__progress{top:var(--sv-story-nav-top,135px)}body.admin-bar .sv-story-step{scroll-margin-top:var(--sv-story-step-offset,115px)}}

.sv-story__progress{position:sticky;isolation:isolate}.sv-story__progress:before{position:absolute;z-index:0;top:6px;bottom:6px;left:var(--sv-story-active-left,6px);width:var(--sv-story-active-width,0px);border-radius:999px;background:#f1edff;content:'';transition:left .48s cubic-bezier(.22,.8,.25,1),width .48s cubic-bezier(.22,.8,.25,1)}.sv-story__progress a{position:relative;z-index:1;background:transparent!important;transition:color .28s,transform .28s}.sv-story__progress a[aria-current=step]{transform:scale(1.035);color:var(--story-purple)}

.sv-platform-choices{max-width:68%}.sv-platform-choices span{min-height:30px;padding:5px 9px}.sv-platform-choices i{font-family:Arial,sans-serif;font-size:7px;font-weight:800}.sv-dash__platforms{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.sv-dash__platforms span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:4px 8px;border:1px solid #e8e6ef;border-radius:999px;background:#faf9fc;color:#51566a;font-size:7px;font-weight:700}.sv-story-step.is-scene-active .sv-dash__platforms span{animation:sv-scene-pill .42s both}.sv-story-step.is-scene-active .sv-dash__platforms span:nth-child(1){animation-delay:.68s}.sv-story-step.is-scene-active .sv-dash__platforms span:nth-child(2){animation-delay:.92s}.sv-story-step.is-scene-active .sv-dash__platforms span:nth-child(3){animation-delay:1.16s}@media(max-width:640px){.sv-platform-choices{left:12px;bottom:9px;max-width:75%;gap:3px}.sv-platform-choices span{padding:3px 5px;font-size:6px}.sv-platform-choices i{width:10px;height:10px;font-size:6px}.sv-dash__platforms{gap:4px;margin-top:9px}.sv-dash__platforms span{min-height:21px;padding:3px 6px;font-size:6px}}

@media(max-width:640px){.sv-story-visual--website .sv-story-note{right:12px;bottom:42px}}

.sv-platform-choices{right:23px;left:auto;justify-content:flex-end}.sv-story-visual--website .sv-story-note{right:auto;left:23px}.sv-story-step.is-scene-active .sv-platform-choices span{animation:sv-platform-enter .52s cubic-bezier(.2,.8,.2,1) both}.sv-story-step.is-scene-active .sv-platform-choices span:nth-child(1){animation-delay:.45s}.sv-story-step.is-scene-active .sv-platform-choices span:nth-child(2){animation-delay:.8s}.sv-story-step.is-scene-active .sv-platform-choices span:nth-child(3){animation-delay:1.15s}@keyframes sv-platform-enter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:640px){.sv-platform-choices{right:12px;left:auto;justify-content:flex-end}.sv-story-visual--website .sv-story-note{right:auto;left:12px;bottom:9px}}



.sv-story-step.is-scene-active .sv-story-visual{animation:sv-scene-stage 1.15s cubic-bezier(.18,.76,.22,1) both}@keyframes sv-scene-stage{0%{opacity:.2;transform:translateY(44px) scale(.88);filter:blur(4px)}62%{opacity:1;transform:translateY(-6px) scale(1.02);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.sv-story__progress:before{transition:left .68s cubic-bezier(.18,.76,.22,1),width .68s cubic-bezier(.18,.76,.22,1)}
.sv-story__intro>p:last-child{font-size:1.125rem}
@media(max-width:640px){.sv-story__intro>p:last-child{font-size:1rem}}
@media(min-width:860px){.sv-story__intro{max-width:100%}.sv-story__intro h2{white-space:nowrap}}