.as-project{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin:0 5% 80px;padding:60px 5%;background:#f4f5f7;border-radius:24px}.as-story h2{font-size:clamp(36px,3.8vw,53px)}.as-story h2 span{color:#5142b9}.as-story>p:not(.eyebrow){color:#6d697a;max-width:430px}.as-stage{display:flex;align-items:center;flex-direction:column;min-width:0}.as-device{width:100%;max-width:350px;aspect-ratio:410/864;padding:8px;position:relative;border:2px solid #999892;border-radius:49px;background:#101011;box-shadow:0 25px 50px -18px #25243f50,0 0 0 1px #ccc9c3;overflow:hidden}.as-screen{position:absolute;left:8px;top:8px;width:390px;height:844px;transform-origin:top left;transform:scale(var(--as-scale,.8));border-radius:39px;overflow:hidden;background:white;color:#1d1a31}.as-island{position:absolute;top:9px;left:139px;width:112px;height:29px;border-radius:22px;background:#080808;z-index:10}.as-island:after{content:'';position:absolute;right:10px;top:9px;width:10px;height:10px;border-radius:50%;background:#171a2b;box-shadow:inset 0 0 3px #353e67}.as-scene{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;overflow:hidden;will-change:transform,opacity}.as-scene img{position:absolute;inset:0;width:390px;height:844px;object-fit:fill}.as-plan .as-scroll-header{clip-path:inset(0 0 754px 0);z-index:3}.as-plan .as-scroll-bottom{clip-path:inset(700px 0 0 0);z-index:2}.as-selected{position:absolute;left:344px;top:265px;width:17px;height:17px;border:1px solid #5141bd;background:#5141bd;border-radius:4px;color:white;display:flex;align-items:center;justify-content:center;font:bold 13px Arial,sans-serif}.as-active-continue{position:absolute;left:22.8px;right:25.8px;top:739px;height:49px;display:flex;align-items:center;justify-content:center;color:white;background:#5141bb;border-radius:17px;font:600 17px Arial,sans-serif}.as-target-label{position:absolute;left:25px;top:309px;background:white;font:600 21px/1.3 Arial,sans-serif;letter-spacing:-.2px;width:290px;padding:6px 0 5px}.as-target-track{position:absolute;left:25px;right:36px;top:354px;height:47px;background:white;display:flex;align-items:center}.as-target-track:before{content:'';position:absolute;left:0;right:0;height:4px;background:#f1f1f1;border-radius:4px}.as-target-fill{height:4px;background:#5141bb;position:absolute;left:0;border-radius:4px}.as-target-thumb{position:absolute;width:29px;height:29px;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0004;transform:translateX(-50%)}.as-swipe{position:absolute;left:26px;right:25px;top:648px;height:72px;border-radius:40px;background:#dedbf0;overflow:hidden;color:#5141bb;font:600 20px Arial,sans-serif}.as-swipe-label{position:absolute;left:75px;top:25px;white-space:nowrap}.as-swipe-fill{position:absolute;left:0;top:0;bottom:0;background:#5141bb;border-radius:40px}.as-swipe-knob{position:absolute;left:4px;top:4px;width:64px;height:64px;border-radius:50%;background:#5141bb;color:white;font:500 36px/64px Arial,sans-serif;text-align:center}.as-tap{position:absolute;width:34px;height:34px;border:2px solid #5141bd70;background:#cbc4f04d;border-radius:50%;z-index:20;pointer-events:none;opacity:0;box-shadow:0 0 0 7px #bfb6eb1a;transform:translate(-50%,-50%)}.as-progress{margin-top:25px;width:100%;max-width:285px;height:2px;background:#dddbe4}.as-progress span{display:block;background:#5141bb;height:100%;width:0}#as-caption{font-size:12px;color:#736c83;margin:12px 0 0}.as-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.as-controls button{padding:9px 14px;border:1px solid #d6d1e3;background:white;border-radius:22px;font-size:13px;transition:background .2s,color .2s}.as-controls button:hover{background:#5141bb;color:white}.as-controls button:first-child{background:#25232d;color:white;border-color:#25232d}.as-story .as-note{font-size:12px;margin-top:22px}@media(max-width:950px){.as-project{gap:30px;padding:40px 4%}.as-device{max-width:310px}.as-story h2{font-size:38px}}@media(max-width:700px){.as-project{grid-template-columns:1fr;padding:35px 7%;margin-bottom:45px}.as-story{grid-row:1}.as-device{max-width:340px}.as-story h2{font-size:40px}}