/* Match the wide app screenshots without cropping or stretching. */
.tg-contractor-slideshow .tg-room-slideshow-next{aspect-ratio:1132/650}
.tg-contractor-hero-composite{position:relative;padding-bottom:35px}
.tg-contractor-hero-phone{position:absolute;right:12px;bottom:0;width:30%;max-width:175px;z-index:1;text-align:center}
.tg-contractor-phone-frame{position:relative;padding:5px;border:1px solid #626a75;border-radius:24px;background:#131b28;box-shadow:0 12px 28px #10223940}
.tg-contractor-phone-screen{overflow:hidden;border-radius:19px;background:#fff;aspect-ratio:1179/2556}
.tg-contractor-phone-track{display:flex;width:200%;height:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.tg-contractor-phone-page{position:relative;flex:0 0 50%;width:50%;height:100%;container-type:inline-size}
.tg-contractor-phone-page>img{display:block;width:100%;max-width:none;height:100%;object-fit:contain}
.tg-contractor-phone-logo{position:absolute;top:1%;left:1%;width:57%;height:7%;background:#fff;display:flex;align-items:center;gap:2cqw;padding-left:3cqw;color:#a05b9b;font-family:Arial,sans-serif;font-weight:700;font-size:8cqw;line-height:1;white-space:nowrap}
.tg-contractor-phone-logo>b{font-size:13cqw;font-style:italic}
.tg-contractor-phone-logo>svg{display:block;width:14cqw;height:14cqw;color:#173653}
.tg-contractor-phone-page>.tg-contractor-product-qr{position:absolute;left:18.5%;top:31.2%;width:63%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
[data-contractor-phone][data-screen="1"] .tg-contractor-phone-track{transform:translateX(-50%)}
.tg-contractor-phone-speaker{position:absolute;top:2px;left:36%;width:28%;height:5px;border-radius:0 0 6px 6px;background:#131b28}
@media(max-width:600px){.tg-contractor-hero-phone{right:8px;width:31%;max-width:145px}.tg-contractor-phone-frame{border-radius:18px;padding:4px}.tg-contractor-phone-screen{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.tg-contractor-phone-track{transition:none}}

/* Personalise the supplied app screens without altering their layout. */
.tg-contractor-phone-avatar{position:absolute;right:3.2%;top:2%;width:9.8%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0769ec;color:#fff;font:700 5cqw/1 Arial,sans-serif}
.tg-contractor-phone-greeting,.tg-contractor-phone-site,.tg-contractor-phone-site-detail,.tg-contractor-phone-worker{position:absolute;background:#fff;font-family:Arial,sans-serif;line-height:1.25;display:flex;align-items:center;white-space:nowrap}
.tg-contractor-phone-greeting{left:4.5%;top:11.7%;width:86%;height:2.6%;font-size:4.4cqw;font-weight:700;color:#131e36}
.tg-contractor-phone-site{font-weight:700;color:#142038;font-size:4.1cqw}
.tg-contractor-phone-site-detail{font-size:3.5cqw;color:#7a899e}
.tg-contractor-phone-home .tg-contractor-phone-site{left:21.5%;padding-left:1%;top:43.5%;width:53%;height:2.7%}
.tg-contractor-phone-home .tg-contractor-phone-site-detail{left:21.5%;padding-left:1%;top:46.2%;width:53%;height:2.3%}
.tg-contractor-phone-pass .tg-contractor-phone-site{left:25%;padding-left:1%;top:24.3%;width:49%;height:3%}
.tg-contractor-phone-pass .tg-contractor-phone-site-detail{left:25%;padding-left:1%;top:27.4%;width:49%;height:2.3%}
.tg-contractor-phone-worker{left:20%;top:61.4%;width:60%;height:2.6%;justify-content:center;font-size:4.8cqw;font-weight:700;color:#142038}
.tg-contractor-phone-site-initial{position:absolute;left:9.1%;top:43.4%;width:10.2%;height:4.8%;border-radius:1cqw;display:grid;place-items:center;background:#1755a7;color:white;font:700 5cqw/1 Arial,sans-serif}
.tg-contractor-phone-pass .tg-contractor-phone-site-initial{left:9.1%;top:23.8%;width:13.2%;height:6%;background:#0867ed}