.walk-experience{position:relative;width:100%;aspect-ratio:1600/1390;color:#333;font-family:Figtree,sans-serif}.walk-experience>img{position:absolute}.how-intro-copy{position:absolute;left:26%;top:26.33%;width:48%;text-align:center;margin:0;font:300 1.6cqw/1.3 Figtree,sans-serif;letter-spacing:-.065cqw;color:#777}.walk-options{position:absolute;left:29.25%;top:32.3%;width:44.625%;display:flex;justify-content:center;gap:3cqw}.walk-options button{border:0;border-bottom:1px solid transparent;background:none;padding:0 0 .65cqw;font:700 2.2cqw/1 MonaCondensed,sans-serif;letter-spacing:-.025cqw;color:#888;cursor:pointer}.walk-options button[aria-expanded=true]{color:#ff1f6e;border-bottom-color:#ff1f6e}.walk-options button:focus-visible,.spin-line:focus-visible,.walk-step button:focus-visible{outline:2px solid #ff1f6e;outline-offset:5px}.spin-column{position:absolute;left:13.5%;top:36.187%;width:33.9375%;height:57%}.spin-stage{width:100%;height:50.625cqw;position:relative}.spin-stage canvas{display:block;height:100%;width:auto;max-width:100%;margin:auto;pointer-events:none}.spin-loading{position:absolute;inset:40% 0 auto;text-align:center;font:300 1.2cqw Figtree,sans-serif;color:#777}.spin-line{-webkit-appearance:none;appearance:none;display:block;width:65%;height:24px;margin:1cqw auto 0;background:transparent;cursor:ew-resize;touch-action:pan-y;padding:0}.spin-line::-webkit-slider-runnable-track{height:1px;background:#aaa5b2}.spin-line::-moz-range-track{height:1px;background:#aaa5b2}.spin-line::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-5px;border-radius:50%;border:0;background:#ff1f6e;box-shadow:none}.spin-line::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#ff1f6e}.walk-experience .divider{position:absolute;left:48.125%;top:45.1%;height:36.7%;width:1px;background:#dddde5}.walk-how{position:absolute;left:54.3125%;top:45.39568%;width:36%}.how-label{display:block;width:33.55%;margin:0 0 4.2cqw .4375cqw}.walk-step button{display:block;border:0;background:none;padding:0 0 .38cqw;text-align:left;font:900 2.35cqw/1.05 MonaCondensed,sans-serif;letter-spacing:-.045cqw;color:#333;cursor:pointer}.walk-step button[aria-expanded=true]{color:#ff1f6e}.walk-step p{font:300 1.25cqw/1.3 Figtree,sans-serif;letter-spacing:-.045cqw;margin:1.3cqw 0 1.8cqw;color:#555}.walk-step p[hidden]{display:none}@media(max-width:500px){.walk-experience{aspect-ratio:1600/1520}.walk-options button{font-size:2cqw}.how-intro-copy{font-size:2cqw;left:20%;width:60%}.walk-how{width:40%}.walk-step button{font-size:2.8cqw}.walk-step p{font-size:2cqw}.how-label{width:45%}.spin-stage{height:55cqw}.spin-line{margin-top:0;width:80%}}

.walk-detail{font:300 1.25cqw/1.3 Figtree,sans-serif;letter-spacing:-.045cqw;margin:3cqw 0 0;color:#555}.walk-detail[hidden]{display:none}@media(max-width:500px){.walk-detail{font-size:2cqw}}

/* Poster composition from the latest supplied PSD. */
.walk-experience{aspect-ratio:auto;height:112cqw;overflow:hidden}
.walk-poster{position:absolute;top:18.5cqw;left:0;width:100%;overflow:hidden;font:900 14cqw/1.03 MonaCondensed,sans-serif;letter-spacing:-.25cqw;color:#ff1f6e}
.walk-poster>div{position:relative;width:max-content;white-space:nowrap;left:50%;transform:translateX(-51%)}
.walk-poster>div:nth-child(2){transform:translateX(-46%)}
.walk-poster>div:nth-child(3){transform:translateX(-55%)}
.spin-column{z-index:1;left:34%;top:7cqw;width:34%;height:auto}
.spin-stage{height:60cqw;width:100%}
.poster-walker{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px #0005)}
.spin-stage canvas{visibility:hidden}
.spin-stage.rotating canvas{visibility:visible}
.spin-stage.rotating .poster-walker{visibility:hidden}
.spin-loading{display:none}
.spin-line{width:50%;margin:.4cqw auto 0}
.walk-options{left:13%;top:82cqw;width:39%;display:flex;flex-direction:column;align-items:flex-start;gap:1cqw}
.walk-options button{font:300 4.2cqw/1.05 Aspekta,sans-serif;letter-spacing:-.2cqw;color:#929099;border:0;padding:0;text-align:left}
.walk-options button[aria-expanded=true]{color:#333;border:0}
.walk-options button:hover{color:#ff1f6e}
.walk-how{left:58%;top:79cqw;width:40%}
.walk-step button{font-size:3.1cqw;line-height:1.06;padding-bottom:1.1cqw;letter-spacing:-.065cqw}
.walk-detail{margin:1.3cqw 0 0;font-size:1.35cqw;max-width:90%}
@media(max-width:500px){.walk-experience{height:120cqw}.walk-detail{font-size:2cqw}.walk-options button{font-size:4.2cqw}.spin-stage{height:60cqw}.walk-how{width:40%}.walk-step button{font-size:3.1cqw}}

.walk-poster>div{left:0;transform:none}.walk-poster>div:nth-child(2){left:-4%;transform:none}.walk-poster>div:nth-child(3){transform:none}
.spin-column{left:29%;width:42%}

/* Refined poster rhythm and option hierarchy. */
.walk-poster{line-height:.88}
.spin-stage canvas{filter:drop-shadow(0 4px 7px #2223) drop-shadow(0 0 4px #2222)}
.walk-options-title{position:absolute;left:13%;top:78cqw;margin:0;font:400 1.05cqw/1.2 Figtree,sans-serif;letter-spacing:.09cqw;color:#777}
.walk-options{top:82cqw;gap:.8cqw}
.walk-options button{font-size:2.6cqw;letter-spacing:-.1cqw}
@media(max-width:500px){.walk-options-title{font-size:1.8cqw}.walk-options button{font-size:2.6cqw}}
.walk-section-label{position:absolute;left:13%;top:3cqw;margin:0;font:400 1.05cqw/1.2 Figtree,sans-serif;letter-spacing:.09cqw;color:#777}
.spin-column{top:8cqw}
.spin-caption{text-align:center;margin:1.2cqw 0 .5cqw;font:300 1.15cqw/1.3 Figtree,sans-serif;color:#666}
.spin-control{position:relative;width:50%;margin:auto}
.spin-control .spin-line{width:100%;margin:0}
.spin-ends{display:flex;justify-content:space-between;font:300 .8cqw/1 Figtree,sans-serif;color:#888}
.walk-options-title{top:81cqw}
.walk-options{top:85cqw;gap:1.2cqw;width:34%}
.walk-how{top:85cqw}
.offer-choice{width:100%}
.offer-summary{font:300 1.25cqw/1.4 Figtree,sans-serif;letter-spacing:-.025cqw;color:#777;margin:.8cqw 0 0;max-width:27cqw;animation:offer-fade .4s ease both}
.offer-summary[hidden]{display:none}
@keyframes offer-fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){.walk-section-label,.walk-options-title{font-size:1.8cqw}.spin-caption{font-size:1.8cqw}.spin-ends{font-size:1.4cqw}.offer-summary{font-size:2cqw;max-width:31cqw}}
@media(prefers-reduced-motion:reduce){.offer-summary{animation:none}}

/* Seamless alternating poster lines. */
.walk-poster>.poster-marquee,.walk-poster>.poster-marquee:nth-child(2),.walk-poster>.poster-marquee:nth-child(3){position:relative;left:0;width:100%;overflow:hidden;transform:none}
.poster-track{display:flex;width:max-content;animation:none;transform:translateX(0)}
.poster-track>span{display:block;flex:none;white-space:pre}
.poster-marquee:nth-child(2) .poster-track{animation-direction:reverse}
.poster-marquee:nth-child(3) .poster-track{animation-delay:-23s}
@keyframes poster-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.poster-track{animation:none}}
.poster-track>span{background:linear-gradient(110deg,#ff1f6e 0%,#ff7eac 25%,#ff1f6e 50%,#c80b4f 75%,#ff1f6e 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:film-pink-flow 8s linear infinite}
@media(prefers-reduced-motion:reduce){.poster-track>span{animation:none}}
/* Start the poster closer to the preceding strip. */
.walk-poster{top:12.5cqw}
.spin-column{top:2cqw}
.walk-options-title{top:75cqw}
.walk-options,.walk-how{top:79cqw}
.walk-experience{height:106cqw}
@media(max-width:500px){.walk-experience{height:114cqw}}

/* Keep the editorial lines still; only their pink gradient moves. */
.poster-marquee:nth-child(2) .poster-track{transform:translateX(-4cqw)}

/* Stagger each line’s pink gradient independently. */
.poster-marquee:nth-child(2) .poster-track>span{animation-delay:-2.67s;animation-direction:reverse}
.poster-marquee:nth-child(3) .poster-track>span{animation-delay:-5.33s}

/* Restore the compact, two-column composition from the supplied mockup. */
.walk-experience{height:83cqw}
.walk-introduction{position:absolute;top:8cqw;left:20%;width:60%;text-align:center}
.walk-introduction h2{margin:0;font:300 3.4cqw/1 Aspekta,sans-serif;letter-spacing:-.12cqw;color:#333}
.walk-introduction h2 span{color:#ff1f6e}
.walk-introduction p{margin:2cqw auto 0;max-width:43cqw;font:300 1.35cqw/1.4 Figtree,sans-serif;color:#777}
.spin-column{left:17%;top:24cqw;width:28%}
.spin-stage{height:44cqw}
.walk-options-title{left:54%;top:25cqw}
.walk-options{left:54%;top:28cqw;width:36%;gap:1.1cqw}
.walk-options button{font-size:2.1cqw;letter-spacing:-.05cqw}
.offer-summary{font-size:1.15cqw;max-width:30cqw;margin:.6cqw 0 0}
.walk-how{left:54%;top:44cqw;width:38%}
.walk-step button{font-size:2.8cqw;padding-bottom:.65cqw}
.walk-detail{font-size:1.2cqw;line-height:1.4;margin-top:1.6cqw}
#walk-panel:before{content:"";position:absolute;left:49%;top:25cqw;height:41cqw;width:1px;background:#dedde5}
@media(max-width:500px){.walk-experience{height:88cqw}.walk-introduction p{font-size:1.8cqw}.offer-summary{font-size:1.6cqw}.walk-options button{font-size:2.6cqw}.walk-detail{font-size:1.6cqw}}

/* Match the mixed typography of the Meet Adwalkr introduction. */
.walk-introduction h2{font:300 3.4cqw/1 Aspekta,sans-serif;letter-spacing:-.12cqw}
.walk-introduction h2 strong{font-family:MonaCondensed,sans-serif;font-weight:900;letter-spacing:-.065cqw;color:#ff1f6e}
.walk-introduction h2 span{color:#333}

.walk-introduction{left:0;width:100%}
.walk-heading-art{display:block;width:100%;height:6.25cqw;overflow:visible}
.walk-introduction p{margin-top:1cqw}
@media(min-width:1200px){.walk-heading-art text{transform:scale(.7);transform-origin:800px 50px}}
/* Layout benchmark: supplied walking-figure composition. */
.walk-experience{height:auto!important;min-height:86cqw;overflow:hidden;position:relative;padding:0!important}
.walk-introduction{position:relative!important;top:auto!important;padding-top:3.5cqw;width:100%;text-align:center}
.walk-introduction h2{margin:0;font:300 3.849146cqw/.91 Aspekta,sans-serif;letter-spacing:-.06em;color:#333}
.walk-introduction h2 strong{font-family:MonaCondensed,sans-serif;font-weight:900;letter-spacing:-.016em;color:#ff1f6e}
.walk-introduction p{margin:4cqw auto 0!important;max-width:75cqw!important;font:300 1.6cqw/1.3 Figtree,sans-serif!important;letter-spacing:-.05em;color:#808080}
#walk-panel{position:relative;margin:3.5cqw auto 0;width:68cqw;min-height:53cqw}
#walk-panel:before{content:'';position:absolute;left:47%;top:5.5cqw;height:34cqw;width:1px;background:#d6d5da}
.spin-column{position:absolute!important;left:0!important;top:0!important;width:34cqw!important;height:51cqw!important}
.spin-stage{width:100%!important;height:51cqw!important}
.poster-walker{visibility:visible!important;object-fit:contain!important;width:100%!important;height:100%!important;filter:drop-shadow(0 .3cqw .35cqw rgba(50,40,50,.09))!important}
.spin-stage canvas,.spin-loading,.spin-caption,.spin-control{display:none!important}
.walk-options-title{display:none!important}
.walk-options{position:relative!important;left:auto!important;top:auto!important;width:68cqw!important;margin:2.8cqw auto 0!important;display:flex!important;flex-direction:row!important;justify-content:flex-end;gap:1.6cqw!important}
.walk-options .offer-choice{width:auto!important}
.walk-options button{font:300 1.1cqw/1.3 Figtree,sans-serif!important;letter-spacing:-.05em!important;padding:0 0 .3cqw!important;color:#888!important;border:0;background:transparent}
.walk-options button[aria-expanded=true]{color:#333!important;border-bottom:1px solid #ff1f6e!important}
.offer-summary{display:none!important}
.walk-how{position:absolute!important;left:56%!important;top:5cqw!important;width:44%!important}
.walk-how-title{font:300 3.849146cqw/1 Aspekta,sans-serif;letter-spacing:-.06em;margin:0 0 3.3cqw;color:#111}
.walk-step button{font:900 3.12cqw/1.12 MonaCondensed,sans-serif!important;letter-spacing:-.025em!important;margin:0!important;padding:0 0 .55cqw!important;color:#383838!important;white-space:nowrap}
.walk-step button[aria-expanded=true]{color:#ff1f6e!important}
.walk-detail{margin:4.7cqw 0 0!important;max-width:100%!important;font:300 1.2cqw/1.35 Figtree,sans-serif!important;color:#555}
.walk-detail h4{font:300 2.45cqw/1.1 Aspekta,sans-serif;letter-spacing:-.06em;margin:0 0 1.5cqw;color:#444}
.walk-detail p{margin:0;letter-spacing:-.04em}
@media(min-width:1200px){.walk-introduction h2{font-size:2.694402cqw}.walk-introduction p{font-size:1.25cqw}.walk-how-title{font-size:2.8cqw}.walk-step button{font-size:2.55cqw!important}.walk-experience{min-height:75cqw}}
@media(max-width:600px){.walk-experience{min-height:110cqw}.walk-introduction{padding-top:8cqw}.walk-introduction h2{font-size:4.4cqw}.walk-introduction p{font-size:2.15cqw!important;max-width:90cqw!important}.walk-options{width:88cqw!important;gap:3cqw!important}.walk-options button{font-size:2.6cqw!important}#walk-panel{width:92cqw;min-height:67cqw;margin-top:4cqw}.spin-column{width:42cqw!important;height:64cqw!important}.spin-stage{height:64cqw!important}.walk-how{left:49%!important;width:51%!important}.walk-how-title{font-size:4.5cqw}.walk-step button{font-size:3.4cqw!important;white-space:normal;text-align:left}.walk-detail{font-size:2.4cqw!important;margin-top:4cqw!important}.walk-detail h4{font-size:3.2cqw}#walk-panel:before{left:46%;height:52cqw}}
.walk-options{margin-top:1.2cqw!important}
#walk-panel{margin-top:1.5cqw}

/* Two approved frames, pending the rest of the turntable. */
.spin-caption{display:block!important;font:300 1cqw/1.3 Figtree,sans-serif!important;letter-spacing:-.04em;text-align:center;margin:.6cqw 0!important}
.spin-control{display:block!important;width:44%!important;margin:0 auto!important}
.spin-line{display:block;width:100%}
.spin-ends{display:flex;justify-content:space-between;font:300 .75cqw/1.3 Figtree,sans-serif;color:#999;margin-top:.35cqw}
@media(max-width:600px){.spin-caption{font-size:2.1cqw!important}.spin-ends{font-size:1.6cqw}.spin-control{width:60%!important}}

/* Align visible figure edges with the supplied PSD, allowing for PNG margins. */
.spin-column{left:-3cqw!important;width:36cqw!important;height:54cqw!important}
.spin-stage{height:54cqw!important}
#walk-panel{margin-top:3cqw;min-height:59cqw}
.walk-experience{min-height:84cqw}
@media(min-width:1200px){.walk-experience{min-height:76cqw}}
@media(max-width:600px){.spin-column{left:0!important;width:42cqw!important;height:64cqw!important}.spin-stage{height:64cqw!important}#walk-panel{margin-top:4cqw;min-height:73cqw}.walk-experience{min-height:110cqw}}

/* Let the complete process explanations determine the section height. */
.walk-detail p+p{margin-top:1em}
.walk-detail{line-height:1.5!important}
.walk-how{position:relative!important;left:56%!important;top:auto!important;padding-top:5cqw;padding-bottom:5cqw}
#walk-panel{min-height:62cqw}
@media(max-width:600px){.walk-how{left:49%!important;padding-top:5cqw;padding-bottom:7cqw}#walk-panel{min-height:77cqw}}

/* Match the launch film gradient on each process title. */
.walk-step button{background:linear-gradient(110deg,#ff1f6e 0%,#ff7eac 25%,#ff1f6e 50%,#c80b4f 75%,#ff1f6e 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:film-pink-flow 8s linear infinite;opacity:.55;transition:opacity .3s}
.walk-step button[aria-expanded=true],.walk-step button:hover,.walk-step button:focus-visible{opacity:1}
.walk-time-bar{position:absolute;left:calc(47% + 5px);top:5.5cqw;height:34cqw;width:2px;background:#e6e4eb;pointer-events:none}
.walk-time-bar:after{content:'';position:absolute;inset:0;background:#fff;transform:scaleY(var(--walk-progress,0));transform-origin:top}
@media(max-width:600px){.walk-time-bar{left:calc(46% + 4px);height:52cqw}}
@media(prefers-reduced-motion:reduce){.walk-step button{animation:none}}

/* Only the selected step carries the launch-film gradient. */
.walk-step button{background:none;background-clip:border-box;-webkit-background-clip:border-box;color:#383838!important;-webkit-text-fill-color:currentColor;animation:none;opacity:1}
.walk-step button[aria-expanded=true]{background:linear-gradient(110deg,#ff1f6e 0%,#ff7eac 25%,#ff1f6e 50%,#c80b4f 75%,#ff1f6e 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:film-pink-flow 8s linear infinite}
/* The original divider is now the single progress track. */
#walk-panel:before{display:none}
.walk-time-bar{left:47%;width:1px;background:#d6d5da}
.clip-copy a{font-size:1.265cqw!important}
@media(max-width:600px){.walk-time-bar{left:46%}.clip-copy a{font-size:3.1625cqw!important}}
@media(prefers-reduced-motion:reduce){.walk-step button[aria-expanded=true]{animation:none}}

.walk-detail{opacity:1;transition:opacity .4s ease;overflow:hidden}
.walk-detail.changing{opacity:0;transition:opacity .26s ease}
.walk-step button,.walk-step button[aria-expanded=true]{position:relative;background:none;color:#383838!important;-webkit-text-fill-color:currentColor;animation:none}
.walk-step button:after{content:attr(data-title);position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#ff1f6e 0%,#ff7eac 25%,#ff1f6e 50%,#c80b4f 75%,#ff1f6e 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:film-pink-flow 8s linear infinite;opacity:0;transition:opacity .65s ease}
.walk-step button[aria-expanded=true]:after{opacity:1}
.spin-control{z-index:5;pointer-events:auto}
.spin-line{position:relative;z-index:6;touch-action:none;pointer-events:auto;height:30px}
@media(prefers-reduced-motion:reduce){.walk-detail,.walk-step button:after{transition:none}.walk-step button:after{animation:none}}

/* Keep the complete how-it-works composition 10% smaller. */
.walk-experience{width:85.5%;margin-inline:auto;container-type:inline-size;min-height:71.82cqw}
@media(min-width:1200px){.walk-experience{min-height:64.98cqw}}
@media(max-width:600px){.walk-experience{min-height:94.05cqw}}

/* Reserve the full figure controls and the longest instruction text. */
.walk-experience{overflow:visible}
#walk-panel{min-height:68cqw}
@media(max-width:600px){#walk-panel{min-height:83cqw}}
