/* Product-led adaptation of 21st.dev ln-dev7/how-it-works-09. */
.studio .opening-surface{height:820px!important}.studio .hero{min-height:700px!important;padding:80px 0 55px!important}.studio .hero h1{font-size:clamp(50px,5.5vw,74px)!important;letter-spacing:-3.8px!important;max-width:850px!important}.studio .hero .hero-purpose{max-width:630px!important;text-align:center!important;margin:24px auto 0!important;color:#e0eaf6!important;font-size:19px!important;line-height:1.6!important;font-weight:400!important}.studio .hero-business-form{margin-top:32px!important}.studio #hero-business-form>label{font-weight:550!important}.studio #guided-start{margin-top:9px!important}.studio .hero .micro{margin-top:11px!important}
.product-steps{padding:78px 0 55px;max-width:1080px;margin:auto}.steps-heading{text-align:center;margin-bottom:38px}.steps-heading h2{font-size:clamp(27px,3.2vw,40px);font-weight:500;letter-spacing:-1.3px;line-height:1.17;margin:0 0 12px}.steps-heading p{color:#6c7d92;font-size:16px;margin:0}.steps-rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;padding:0;margin:0;text-align:center}.steps-rail:before{content:'';position:absolute;top:23px;left:16%;right:16%;height:1px;background:#dbe3ef}.steps-rail li{position:relative}.step-badge{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 19px;background:#fbfcff;border:1px solid #dbe3ef;border-radius:50%;color:#597297;font-size:12px;font-variant-numeric:tabular-nums}.steps-rail h3{font-size:17px;letter-spacing:-.3px;font-weight:550;margin:0 0 9px}.steps-rail p{font-size:14px;line-height:1.6;color:#6b7e95;max-width:265px;margin:auto}.studio .experience{margin-top:15px!important}.studio .experience-intro h2{font-size:28px!important}.studio .welcome{display:grid!important;grid-template-columns:1fr 1fr!important;gap:45px!important;align-items:center!important;padding:32px 15px!important;min-height:0!important;max-width:none!important}.studio .has-session .welcome{display:none!important}.studio .welcome-copy{padding:0!important;text-align:left!important;max-width:none!important}.studio .welcome-copy h3{font-size:34px!important;font-weight:500!important;line-height:1.16!important;color:#173452!important;margin:0 0 18px!important;letter-spacing:-1.1px!important}.studio .welcome-copy p{font-size:16px!important;max-width:340px!important;line-height:1.6!important;color:#667c93!important;margin:0 0 25px!important}.studio .welcome-copy small{font-size:12px!important;display:block;margin-top:15px!important;color:#697f98!important}.demo-preview-map{display:flex;flex-direction:column;gap:13px;align-items:stretch;padding:8px 22px}.demo-preview-map>div{padding:22px 24px;background:#fff;border-radius:17px;box-shadow:0 4px 20px #203e6005}.demo-preview-map>div:last-child{background:#193b60;color:white}.demo-preview-map>div>span{font-size:12px;opacity:.65;display:block;margin-bottom:7px}.demo-preview-map strong{display:block;font-size:20px;letter-spacing:-.45px;font-weight:500}.demo-preview-map p{font-size:14px;opacity:.7;margin:6px 0 0}.demo-map-arrow{rotate:90deg;align-self:center;font-size:20px;color:#6884a5}.studio .benefits{border:0!important}
/* Keep the product reading order, avoiding cursor tricks on the primary action. */
.studio .magnetic-cta{translate:none!important}.studio .use-example{transform:none!important}
@media(max-width:700px){.studio .opening-surface{height:815px!important}.studio .hero{min-height:720px!important;padding:65px 0 55px!important}.studio .hero h1{font-size:clamp(39px,8.8vw,58px)!important;letter-spacing:-2px!important}.studio .hero .hero-purpose{font-size:16px!important;line-height:1.65!important;margin-top:23px!important;max-width:420px!important}.studio .hero .hero-purpose br{display:none}.studio .hero-business-form{margin-top:30px!important}.studio #guided-start{font-size:13px!important}.product-steps{padding:57px 5px 38px}.steps-heading{text-align:left;margin-bottom:30px}.steps-heading h2{font-size:29px}.steps-heading p{font-size:14px}.steps-rail{display:flex;flex-direction:column;gap:25px;text-align:left}.steps-rail:before{left:20px;top:20px;bottom:20px;width:1px;height:auto;right:auto}.steps-rail li{padding-left:62px;min-height:62px}.step-badge{position:absolute;left:0;top:0;width:42px;height:42px;margin:0}.steps-rail h3{font-size:16px;margin:0 0 6px}.steps-rail p{font-size:14px;max-width:none;margin:0}.studio .welcome{display:block!important;padding:25px 7px!important}.studio .has-session .welcome{display:none!important}.studio .welcome-copy h3{font-size:29px!important}.studio .welcome-copy p{font-size:15px!important}.studio .welcome-copy .pill{font-size:12px!important;padding:14px 15px!important;width:100%!important}.demo-preview-map{display:none}.studio .experience-intro h2{font-size:25px!important}}
@media(max-width:360px){.studio .hero{padding-top:59px!important}.studio .hero h1{font-size:39px!important}.studio .hero .hero-purpose{font-size:15px!important}.studio .hero-business-form{margin-top:26px!important}}