/* Short use cases beside the existing, unaltered application artifacts. */
.feature-case{margin-top:28px;padding:23px 23px 21px;background:#fff7eb;border:1px solid #eee5d7;border-radius:19px;position:relative}.feature-case:before{content:'';position:absolute;width:38px;height:4px;background:#FF8DBB;border-radius:3px;top:-2px;left:24px}.feature-case-label{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#71685c;margin:0 0 13px}.feature-case h4{font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}.feature-case-intro{font-size:15px;line-height:1.45;margin:0;color:#5c554c}.feature-case-steps{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:18px}.feature-case-steps li{display:flex;align-items:flex-start;gap:11px;position:relative}.feature-case-steps li:not(:last-child):after{content:'';position:absolute;left:12px;top:29px;bottom:-13px;width:1px;background:#ded5c8}.feature-case-number{width:25px;height:25px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #ded5c8;border-radius:50%;background:#fff;font-size:11px;font-weight:600;color:#49443c}.feature-case-steps strong{display:block;font-size:14px;font-weight:600;line-height:1.3;margin-top:3px}.feature-case-steps p{font-size:13px;line-height:1.4;margin:4px 0 0;color:#655e54}.feature-case-link{display:inline-block;margin:20px 0 0;font-size:13px;color:#27272a;text-decoration:underline;text-underline-offset:4px}.feature-case-link:hover{color:#655e54}.feature-detail .feature-case li:before{display:none}.feature-detail{height:auto!important;min-height:0!important}.feature-panel{align-items:start}.feature-detail{padding-top:20px}.feature-detail>ul{gap:9px}.feature-detail h3{font-size:30px}.feature-detail>p:not(.eyebrow){font-size:17px}.iphone-stage{position:sticky;top:106px}.feature-case-steps p,.feature-case-intro{ text-wrap:pretty}
@media(min-width:1151px){.feature-panel{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.iphone-device{width:264px}.iphone-stage{padding-inline:13px}.feature-case{padding:21px 19px}.feature-case h4{font-size:21px}}
@media(max-width:1150px){.iphone-stage{position:relative;top:auto}.feature-detail{padding-top:0}.feature-case{max-width:620px}.feature-case-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-case-steps li{display:block}.feature-case-steps li:not(:last-child):after{left:35px;right:-8px;top:12px;bottom:auto;height:1px;width:auto}.feature-case-number{margin-bottom:11px}.feature-case-steps strong{margin-top:0}}
@media(max-width:550px){.feature-case{padding:23px 20px}.feature-case-steps{grid-template-columns:1fr;gap:18px}.feature-case-steps li{display:flex}.feature-case-number{margin-bottom:0}.feature-case-steps li:not(:last-child):after{left:12px;right:auto;top:29px;bottom:-13px;width:1px;height:auto}.feature-case-steps strong{margin-top:3px}.feature-case h4{font-size:22px}.feature-case-intro{font-size:15px}}