.spw-shell{--spw-copy-inset:clamp(24px,calc(24px + (100vw - 1050px) * .17),124px);width:100%;max-width:1536px;padding:24px var(--ds-content-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:min(6vw,90px);margin-inline:auto;display:grid;position:relative}.spw-chapters{min-width:0;position:relative}.spw-chapters .sj-tracing-beam{pointer-events:none;width:24px;height:100%;position:absolute;top:0;left:-20px}.spw-chapter{align-items:center;min-height:80svh;display:flex;position:relative}.spw-copy{min-width:0;max-width:500px;margin-left:var(--spw-copy-inset);opacity:.25;transition:opacity .24s}.spw-chapter[data-active=true]>.spw-copy{opacity:1}.spw-copy h2{letter-spacing:-.06em;font-size:clamp(35px,3.6vw,54px);font-weight:650;line-height:1.08}.spw-copy h2>span{color:#d8ff0d}.spw-copy>p{color:#a2a2a9;text-wrap:pretty;max-width:460px;margin-top:26px;font-size:16px;line-height:1.85}.spw-copy>.spw-eyebrow{color:#c2c2c7;letter-spacing:-.025em;margin:0 0 22px;font-size:18px;font-weight:650;line-height:1.35}.spw-checks{color:#b8b8bf;gap:14px;margin:28px 0 0;padding:0;font-size:12px;line-height:1.5;list-style:none;display:grid}.spw-checks li{align-items:center;gap:10px;display:flex}.spw-takeaway{color:#bfc0c5;border-top:1px solid #ffffff15;align-items:center;gap:10px;margin-top:28px;padding-top:20px;font-size:12px;line-height:1.6;display:flex}.spw-checks svg,.spw-takeaway svg{color:#d8ff0d}.spw-visual{z-index:2;top:max(88px,calc((100svh - var(--spw-stage-height,560px)) / 2));height:var(--spw-stage-height,560px);margin-top:max(0px,calc((80svh - var(--spw-stage-height,560px)) / 2));pointer-events:none;align-self:start;position:sticky}.spw-stage{aspect-ratio:600/560;width:min(100%,600px);margin-inline:auto}.spw-mobile-stage{display:none}@media (min-width:1600px){.spw-shell{padding-inline:90px}}@media (max-width:1050px) and (min-width:761px){.spw-shell{column-gap:32px}.spw-copy{margin-left:36px}}@media (max-width:760px){.spw-shell{padding-block:0;display:block}.spw-visual{display:none}.spw-chapters .sj-tracing-beam{width:12px;left:-22px}.spw-chapter{flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding-block:50px}.spw-copy{opacity:1;max-width:550px;margin-left:0;transition:none}.spw-copy h2{font-size:clamp(36px,8.8vw,45px)}.spw-copy>p{max-width:550px;font-size:15px}.spw-copy>.spw-eyebrow{margin-bottom:18px;font-size:17px}.spw-mobile-stage{order:-1;width:100%;max-width:600px;margin-inline:auto;display:block}.spw-mobile-stage .sps-stage[data-step="0"]{margin-top:-31%;margin-bottom:-38%}.spw-mobile-stage .sps-stage[data-step="1"]{margin-top:-6%;margin-bottom:-13%}.spw-mobile-stage .sps-stage[data-step="2"]{margin-top:-6%;margin-bottom:-3%}.spw-mobile-stage .sps-stage[data-step="3"]{margin-top:-5%;margin-bottom:-14%}}@media (prefers-reduced-motion:reduce){.spw-shell{padding-block:0;display:block}.spw-visual{display:none}.spw-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;min-height:0;padding-block:80px;display:grid}.spw-copy{opacity:1;transition:none}.spw-mobile-stage{aspect-ratio:600/560;width:100%;max-width:600px;display:block}.spw-shell .sj-tracing-highlight{display:none}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.spw-chapter{gap:32px;padding-block:50px;display:flex}.spw-copy{margin-left:0}.spw-mobile-stage{order:-1}}.sps-stage{--ease:cubic-bezier(.16,1,.3,1);aspect-ratio:600/560;isolation:isolate;width:100%;position:relative;container-type:inline-size}.sps-window{z-index:2;width:84cqw;height:68cqw;transition:transform .9s var(--ease);position:absolute;top:9cqw;left:8cqw}.sps-stage[data-step="3"] .sps-window{transform:translateY(6cqw)scale(.76)}.sps-frame{opacity:0;transition:opacity .5s,transform .9s var(--ease);background:radial-gradient(90% 80% at 50% 0,#1c1c1c,#0d0d0d 42%,#070707 85%) padding-box padding-box;border:1px solid #0000;border-radius:3.4cqw;position:absolute;inset:0;transform:translateY(3cqw);box-shadow:0 5cqw 10cqw #000c}.sps-frame:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(100% 65% at 50% 0,#ffffffb3 0%,#ffffff80 8%,#ffffff40 22%,#ffffff18 55%,#ffffff0c 85%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sps-stage:not([data-step="0"]) .sps-frame{opacity:1;transform:none}.sps-content{background:#050505;border-radius:1.8cqw;position:absolute;inset:12.5cqw 2.5cqw 2.5cqw;overflow:hidden}.sps-build{position:absolute;inset:0}.sps-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:2.6cqw 3cqw auto}.sps-phases li{gap:1.3cqw;min-width:0;display:grid}.sps-phase-bar{background:#ffffff1a;border-radius:1cqw;height:.7cqw;display:block;overflow:hidden}.sps-phase-bar span{border-radius:inherit;background:#f2f2f2;width:0;height:100%;display:block}.sps-phases [data-state=done] .sps-phase-bar span,.sps-phases [data-state=active] .sps-phase-bar span{width:100%}.sps-stage[data-active=true][data-step="1"] .sps-phases [data-state=active] .sps-phase-bar span{animation:sps-fill var(--duration) linear both}.sps-phase-title{color:#6f7378;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7.5px,2.15cqw,13px);transition:color .4s;overflow:hidden}.sps-phases [data-state=active] .sps-phase-title{color:#f2f2f2}.sps-phases [data-state=done] .sps-phase-title{color:#a4a6a9}.sps-scene{opacity:0;margin:0;padding:0;list-style:none;transition:opacity .45s;position:absolute;inset:10.5cqw 3cqw 3cqw}.sps-build[data-phase="0"] .sps-sources,.sps-build[data-phase="1"] .sps-assets,.sps-build[data-phase="2"] .sps-site-build{opacity:1}.sps-sources{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw;display:grid}.sps-sources li{background:linear-gradient(#141414,#0b0b0b);border:1px solid #ffffff17;border-radius:2.2cqw;align-items:center;gap:1.8cqw;min-width:0;padding:0 2cqw;display:flex}.sps-source-icon{color:#d5d7da;background:#0a0a0a;border:1px solid #ffffff1f;border-radius:2cqw;flex:none;place-items:center;width:6.6cqw;height:6.6cqw;font-size:3.7cqw;display:grid}.sps-source-icon svg{width:3.8cqw;height:3.8cqw}.sps-sources strong{color:#f0f0f0;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:clamp(8.5px,2.5cqw,15px);font-weight:500;overflow:hidden}.sps-source-state{flex:none;place-items:center;width:4.2cqw;height:4.2cqw;display:grid}.sps-source-state>*{grid-area:1/1}.sps-source-state i{opacity:0;border:1.5px solid #ffffff2e;border-top-color:#e9e9e9;border-radius:50%;width:3.2cqw;height:3.2cqw}.sps-source-state svg{color:#f2f2f2;background:#ffffff1f;border-radius:50%;width:100%;height:100%;padding:.9cqw}.sps-stage[data-active=true][data-step="1"] [data-phase="0"] .sps-sources li{animation:sps-rise .55s var(--ease) calc(var(--i) * .5s + .35s) both}.sps-stage[data-active=true][data-step="1"] [data-phase="0"] .sps-source-state i{animation:sps-reading .9s linear calc(var(--i) * .5s + .35s) both}.sps-stage[data-active=true][data-step="1"] [data-phase="0"] .sps-source-state svg{animation:sps-pop .35s var(--ease) calc(var(--i) * .5s + 1.2s) both}.sps-assets{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw;display:grid}.sps-assets li{background:#0c0c0c;border:1px solid #ffffff1c;border-radius:1.8cqw;min-height:0;position:relative;overflow:hidden}.sps-assets img{object-fit:cover;width:100%;height:100%;display:block}.sps-asset-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f2f2;background:#000000b8;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:.7cqw;min-width:4.6cqw;height:4.6cqw;padding:0 1.1cqw;font-size:clamp(7px,1.9cqw,11px);font-weight:600;display:flex;position:absolute;bottom:1.2cqw;left:1.2cqw}.sps-asset-badge svg{width:2.3cqw;height:2.3cqw}.sps-asset-generated{background:linear-gradient(110deg,#ffffff08 30%,#ffffff24 50%,#ffffff08 70%) 0 0/250% 100%,#0c0c0c}.sps-stage[data-active=true][data-step="1"] [data-phase="1"] .sps-assets li:not(.sps-asset-generated){animation:sps-arrive .7s var(--ease) calc(var(--i) * .32s + .3s) both}.sps-stage[data-active=true][data-step="1"] [data-phase="1"] .sps-asset-generated{animation:sps-rise .5s var(--ease) calc(var(--i) * .25s + .7s) both,sps-shimmer 1.3s linear infinite}.sps-stage[data-active=true][data-step="1"] [data-phase="1"] .sps-asset-generated img{animation:sps-develop .8s ease calc(var(--i) * .45s + .9s) both}.sps-site-build{background:#0a0a0a;border:1px solid #ffffff1c;border-radius:1.8cqw;overflow:hidden}.sps-wire-nav{background:#101010;border-bottom:1px solid #ffffff12;align-items:center;gap:2cqw;height:5.4cqw;padding:0 2.6cqw;display:flex;position:absolute;inset:0 0 auto}.sps-wire-nav i{background:#e9e9e9;border-radius:.5cqw;width:9cqw;height:1.9cqw;margin-right:auto}.sps-wire-nav span{background:#ffffff38;border-radius:1cqw;width:5cqw;height:1cqw}.sps-wire-nav b{background:#f2f2f2;border-radius:.7cqw;width:8cqw;height:2.6cqw}.sps-wire-hero{position:absolute;inset:5.4cqw 0 12.6cqw;overflow:hidden}.sps-wire-hero img{object-fit:cover;object-position:50% 60%;width:100%;height:100%;display:block}.sps-wire-hero:after{content:"";background:linear-gradient(90deg,#000000d9,#00000059 60%,#0000);position:absolute;inset:0}.sps-wire-heading{border:1px solid #0000;border-radius:1cqw;gap:1.5cqw;padding:1.4cqw;display:grid;position:absolute;top:10.4cqw;left:3.2cqw}.sps-wire-heading i{background:#f4f4f4;border-radius:.7cqw;height:3cqw}.sps-wire-heading i:first-child{width:27cqw}.sps-wire-heading i:nth-child(2){width:19cqw}.sps-wire-heading b{background:#ffffff38;border-radius:.8cqw;width:11cqw;height:3.2cqw;margin-top:.8cqw}.sps-wire-cursor{filter:drop-shadow(0 0 1.6cqw #d8ff0d66);align-items:flex-start;display:flex;position:absolute;bottom:-4.4cqw;right:-3cqw}.sps-wire-cursor svg{color:#d8ff0d;width:4cqw;height:4cqw}.sps-wire-cursor em{color:#161616;white-space:nowrap;background:#d8ff0d;border-radius:999px;margin:2.8cqw 0 0 -.4cqw;padding:.6cqw 1.5cqw;font-size:clamp(6.5px,1.75cqw,10px);font-weight:600}.sps-wire-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw;height:8.8cqw;display:grid;position:absolute;inset:auto 2.4cqw 2cqw}.sps-wire-cards>div{background:#131313;border:1px solid #ffffff1c;border-radius:1.2cqw;grid-template-rows:1fr 1fr;grid-template-columns:8cqw minmax(0,1fr);align-items:center;column-gap:1.6cqw;padding-right:1.6cqw;display:grid;overflow:hidden}.sps-wire-cards img{object-fit:cover;grid-row:1/3;width:100%;height:100%}.sps-wire-cards i{background:#ffffff38;border-radius:1cqw;height:1.1cqw}.sps-wire-cards i:first-of-type{background:#ffffffa6;align-self:end;margin-bottom:.5cqw}.sps-wire-cards i:last-of-type{align-self:start;width:60%;margin-top:.5cqw}.sps-stage[data-active=true][data-step="1"] [data-phase="2"] .sps-wire-nav{animation:sps-drop .6s var(--ease) .3s both}.sps-stage[data-active=true][data-step="1"] [data-phase="2"] .sps-wire-hero{animation:.9s .7s both sps-develop}.sps-stage[data-active=true][data-step="1"] [data-phase="2"] .sps-wire-heading{animation:1.5s cubic-bezier(.5,0,.15,1) 1.4s both sps-drag,2.4s linear 1.4s both sps-selected}.sps-stage[data-active=true][data-step="1"] [data-phase="2"] .sps-wire-cursor{animation:sps-release .9s var(--ease) 3.1s both}.sps-stage[data-active=true][data-step="1"] [data-phase="2"] .sps-wire-cards>div{animation:sps-rise .6s var(--ease) calc(var(--i) * .16s + 3.3s) both}.sps-stage .sps-site{object-fit:cover;object-position:top;clip-path:inset(0 0 100%);width:100%;height:100%;transition:clip-path 1.1s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.sps-stage:is([data-step="2"],[data-step="3"]) .sps-site{clip-path:inset(0)}.sps-url{color:#f0f0f0;letter-spacing:-.015em;width:84cqw;height:14cqw;transition:left .9s var(--ease),top .9s var(--ease),width .9s var(--ease),height .9s var(--ease),padding .9s var(--ease),border-radius .9s var(--ease),font-size .9s var(--ease),gap .9s var(--ease),box-shadow .6s,border-color .6s;background:linear-gradient(#161616,#0a0a0a);border:1px solid #ffffff38;border-radius:3.8cqw;align-items:center;gap:2.6cqw;padding:0 1.6cqw 0 4cqw;font-size:4.4cqw;display:flex;position:absolute;top:27cqw;left:0;box-shadow:0 4cqw 9cqw #000b}.sps-stage:not([data-step="0"]) .sps-url{width:79cqw;height:7.5cqw;box-shadow:none;border-color:#ffffff1f;border-radius:2cqw;gap:1.6cqw;padding:0 1cqw 0 2.4cqw;font-size:2.7cqw;top:2.5cqw;left:2.5cqw}.sps-url-icon{color:#7c8186;flex:none;width:1.1em;height:1.1em}.sps-url-text{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sps-url-text>span{vertical-align:bottom;white-space:nowrap;display:inline-block;overflow:hidden}.sps-stage[data-active=true][data-step="0"] .sps-url-text>span{animation:1.3s steps(18,end) .35s both sps-type}.sps-url-go{aspect-ratio:1;color:#161616;height:calc(100% - 3cqw);transition:opacity .4s,border-radius .9s var(--ease);background:#d8ff0d;border:1px solid #ffffff4d;border-radius:2.8cqw;flex:none;place-items:center;display:grid;box-shadow:0 1cqw 5cqw #d8ff0d66,inset 0 1px 8px #ffffff40}.sps-url-go svg{width:44%;height:44%}.sps-stage:not([data-step="0"]) .sps-url-go{opacity:0;border-radius:1.2cqw}.sps-status{z-index:3;color:#d5d7da;white-space:nowrap;opacity:0;transition:opacity .4s,translate .7s var(--ease);background:#0b0b0b;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:1.8cqw;padding:1.7cqw 3.4cqw;font-size:clamp(10px,2.5cqw,15px);display:flex;position:absolute;top:81cqw;left:50%;translate:-50% 2cqw}.sps-status svg{color:#d8ff0d;width:1.2em;height:1.2em}.sps-stage[data-active=true][data-step="2"] .sps-status-ready{opacity:1;translate:-50%}.sps-stage[data-step="2"] .sps-status-ready{transition-delay:.9s}.sps-side{z-index:1;opacity:0;transition:opacity .5s,transform .9s var(--ease);background:#0a0a0a;border:1px solid #ffffff2e;border-radius:2.6cqw;position:absolute;overflow:hidden;box-shadow:0 4cqw 9cqw #000c}.sps-side img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sps-side-desktop{aspect-ratio:4/3;width:56cqw;top:9cqw;left:-2cqw;transform:translate(18cqw,8cqw)scale(.8)}.sps-side-mobile{aspect-ratio:1/2;width:27cqw;top:17cqw;right:-1cqw;transform:translate(-16cqw,4cqw)scale(.8)}.sps-stage[data-step="3"] .sps-side{opacity:.72}.sps-stage[data-step="3"] .sps-side-desktop{transform:rotate(-6deg)}.sps-stage[data-step="3"] .sps-side-mobile{transition-delay:80ms;transform:rotate(6deg)}@keyframes sps-type{0%{max-width:0}to{max-width:100%}}@keyframes sps-fill{0%{width:0}}@keyframes sps-rise{0%{opacity:0;transform:translateY(2.4cqw)}}@keyframes sps-reading{0%{opacity:1;rotate:none}85%{opacity:1}to{opacity:0;rotate:360deg}}@keyframes sps-pop{0%{opacity:0;scale:.4}}@keyframes sps-arrive{0%{opacity:0;transform:translateY(7cqw)scale(.7)rotate(-5deg)}}@keyframes sps-develop{0%{opacity:0}}@keyframes sps-shimmer{to{background-position:-250% 0,0 0}}@keyframes sps-drop{0%{opacity:0;transform:translateY(-100%)}}@keyframes sps-drag{0%{opacity:0;transform:translate(30cqw,17cqw)}18%{opacity:1}}@keyframes sps-selected{0%,80%{background:#ffffff0f;border-color:#ffffff8c}}@keyframes sps-release{to{transform:translate(6cqw,4cqw)}}@keyframes sps-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sps-stage *,.sps-stage :before{transition:none!important;animation:none!important}}