.service-example .example-app{flex-direction:column;height:530px;display:flex;overflow:hidden}.service-example .example-app__bar,.service-example .booking-example__photo{flex-shrink:0}.service-example .example-app__body{scrollbar-gutter:stable;overscroll-behavior-y:contain;flex:1;min-height:0;overflow-y:auto}.service-example .example-app__body:focus-visible{outline-offset:-3px;outline:2px solid #17638e}.service-example .booking-example__confirmation{min-height:100%}.service-example .workflow-example{flex-direction:column;display:flex}.service-example .example-requests{flex:1 0 auto}.service-example .example-note{flex-shrink:0}.studio-page .service-example .example-note{font-size:11px;line-height:1.5}.studio-page .service-example--web-apps{background:#f5c4aa}.studio-page .service-example--ai-consulting{background:#bfe0c5}.service-example:not(.service-example--compact) .example-app__body{padding:20px}.service-example:not(.service-example--compact) .example-metrics{margin-block:16px}.service-example:not(.service-example--compact) .example-metrics strong{line-height:1.1}.service-example:not(.service-example--compact) .example-metrics span{margin-top:4px;line-height:1.3;display:block}.service-example:not(.service-example--compact) .example-requests li{padding-block:9px}.service-example:not(.service-example--compact) .knowledge-example__questions{margin-top:20px}.service-example--compact .example-app{height:420px}.service-example--compact .example-requests{min-height:144px}.service-example--compact .knowledge-example__answer{padding-block:12px}@media (min-width:1000px) and (max-height:740px){.service-example--compact .example-app{height:396px}}@media (max-width:999px){.service-example--compact .example-app{height:500px}.service-example--compact :is(.workflow-example,.knowledge-example){padding:16px}.service-example--compact .knowledge-example__answer{padding:12px}.service-example--compact .booking-example__photo{height:100px}.home-hero .service-example__caption{min-height:3em}}@media (max-width:360px){.service-example .example-app{height:580px}.home-hero .service-example__caption{min-height:4.5em}}@media (max-width:760px){.service-example:not(.service-example--compact) .example-app{height:610px}}@media (max-width:360px){.service-example:not(.service-example--compact) .example-app{height:700px}}