.tg-employee-page h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}
.tg-employee-page .tg-company-hero{text-align:left}
.tg-employee-page .tg-company-hero{padding-top:clamp(32px,4vw,48px);padding-bottom:32px}
.tg-employee-page .tg-company-hero+.tg-section{padding-top:32px}
.tg-employee-page .tg-company-value::before{display:none}
.tg-employee-page .tg-company-hero .wp-block-buttons{justify-content:flex-start}
.tg-employee-page .tg-employee-hero-image{margin:0;border-radius:20px;overflow:hidden}
.tg-employee-hero-image img{display:block;width:100%;height:auto}
.tg-employee-page .tg-section:nth-of-type(even){background:var(--tg-section-wash)}
.tg-employee-page .tg-employee-step{margin:0;padding:1.4rem 0;border-bottom:1px solid var(--tg-line)}
.tg-employee-page .tg-employee-step h3{margin:0 0 .5rem;font-size:1.15rem}
.tg-employee-page .tg-employee-step p{margin:0}
.tg-employee-catalogue-features{padding-left:1.2rem}
.tg-employee-catalogue-features li{margin:1.1rem 0}
.tg-employee-catalogue-features li p{margin:.35rem 0 0;font-size:.9rem}

/* Geofence recording paired with the employee's nearby check-in screen. */
.tg-employee-workflow-media{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:start;gap:clamp(24px,3vw,40px);max-width:1200px;margin:0 auto}
.tg-employee-workflow-media>div{min-width:0;margin:0;text-align:center}
.tg-employee-workflow-media h3{font-size:1.125rem;line-height:1.4;min-height:2.8em;margin:0 0 10px}
.tg-employee-workflow-media p.tg-employee-media-intro{font-size:.875rem;line-height:1.7;min-height:3.4em;margin:0 0 24px}
.tg-employee-geofence-clip{margin:0 auto;max-width:460px;border:1px solid var(--tg-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #1022390a}
.tg-employee-geofence-clip video{display:block;width:100%;height:auto;aspect-ratio:8/9}
.tg-employee-phone-shell{position:relative;box-sizing:content-box;width:220px;max-width:calc(100% - 18px);margin:0 auto;border:9px solid #172337;border-radius:34px;overflow:hidden;box-shadow:0 12px 28px #10223920;background:#fff}
.tg-employee-phone-shell img{display:block;width:100%;height:auto}
.tg-employee-pass-animation video{display:block;width:100%;height:auto;aspect-ratio:432/938}
.tg-employee-phone-shell::before{content:'';position:absolute;top:0;left:35%;width:30%;height:8px;background:#172337;border-radius:0 0 10px 10px;z-index:1}
.tg-employee-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}
.tg-employee-page .tg-employee-workflow-steps>.tg-employee-step{padding:0;border:0}
.tg-employee-page .tg-employee-workflow-steps h3{font-size:1rem;line-height:1.5;margin:0 0 12px}
.tg-employee-page .tg-employee-workflow-steps p{font-size:.875rem;line-height:1.8}
#employee-how-it-works{scroll-margin-top:90px}
@media(max-width:900px){.tg-employee-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.tg-employee-workflow-media{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-employee-geofence-panel{grid-column:1/-1}.tg-employee-phone-shell{width:245px}.tg-employee-workflow-media h3{min-height:0}}
@media(max-width:600px){.tg-employee-workflow-media{grid-template-columns:1fr;gap:36px}.tg-employee-geofence-clip{max-width:400px}.tg-employee-workflow-steps{grid-template-columns:1fr;gap:24px;margin-top:36px}}