/* Real application previews, presented in lightweight device illustrations. */
.product-showcase{padding:100px 0 110px;background:#f6f5f2;overflow:hidden}
.product-showcase .section-heading{margin-bottom:42px}
.product-showcase .section-heading>p{max-width:340px}
.showcase-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#64696f;margin-bottom:18px}
.showcase-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#22724f}
.device-workspace{display:grid;grid-template-columns:minmax(260px, .72fr) minmax(0,1.8fr);gap:70px;align-items:start}
.device-column{min-width:0}
.device-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.device-intro h3{font-size:1.2rem;letter-spacing:-.035em}
.device-intro>span{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#707578}
.device-choices{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:27px}
.device-choices button{border:1px solid #dadddc;background:transparent;padding:9px 13px;border-radius:99px;color:#51575b;font-size:.75rem;line-height:1.2;min-height:36px;transition:background .15s,color .15s}
.device-choices button[aria-pressed=true]{color:#fff;background:#1c2023;border-color:#1c2023}
.device-choices button:hover{border-color:#1c2023}
.phone-illustration{position:relative;width:min(100%,302px);margin-inline:auto;padding:12px 9px 10px;background:linear-gradient(125deg,#71767a 0%,#24272a 13%,#454a4d 45%,#1b1e20 70%,#7d8184);border:1px solid #7b8184;border-radius:44px;box-shadow:inset 0 0 0 3px #171a1c,inset 0 0 0 4px #676d71,0 27px 45px -25px #24282c80,0 8px 16px -10px #12141680}
.phone-illustration::before{content:'';position:absolute;left:-3px;top:114px;height:40px;width:3px;background:#555b5e;border-radius:2px 0 0 2px;box-shadow:0 52px #555b5e}
.phone-illustration::after{content:'';position:absolute;right:-3px;top:157px;height:66px;width:3px;background:#555b5e;border-radius:0 2px 2px 0}
.phone-camera{height:24px;background:#161616;border-radius:30px 30px 0 0;display:flex;align-items:center;justify-content:center;position:relative}
.phone-camera::before{content:'';width:55px;height:5px;border-radius:10px;background:#070809;box-shadow:inset 0 1px #2c3033}
.phone-camera::after{content:'';width:5px;height:5px;border-radius:50%;background:#17222b;box-shadow:0 0 0 2px #0a0c0e;margin-left:8px}
.device-viewport{position:relative;overflow:hidden;background:#161616}
.phone-viewport{aspect-ratio:390/740}
.device-viewport iframe{display:block;position:absolute;inset:0;border:0;max-width:none;transform-origin:top left;background:#161616}
.phone-viewport iframe{width:390px;height:740px}
.phone-home{height:22px;border-radius:0 0 30px 30px;background:#161616;display:grid;place-items:center}
.phone-home::after{content:'';width:34%;height:4px;border-radius:10px;background:#a1a3a4}
.device-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:.75rem;color:#64696f;line-height:1.4}
.device-caption a{color:#252c30;white-space:nowrap;border-bottom:1px solid #a7abad;padding-block:4px;font-weight:600}
.laptop-illustration{position:relative;width:100%;padding-bottom:23px;margin-top:54px}
.laptop-lid{width:94%;margin-inline:auto;border-radius:17px 17px 5px 5px;border:2px solid #858b8e;background:#171a1c;padding:17px 11px 16px;box-shadow:inset 0 0 0 2px #33383b,0 20px 45px -22px #2e333855}
.laptop-camera{width:5px;height:5px;border-radius:50%;background:#28404e;box-shadow:0 0 0 2px #0a0c0e;position:absolute;left:calc(50% - 2.5px);top:8px}
.laptop-viewport{aspect-ratio:1280/800;border-radius:3px}
.laptop-viewport iframe{width:1280px;height:800px}
.laptop-base{position:absolute;bottom:7px;height:22px;width:100%;border-radius:2px 2px 48% 48% / 2px 2px 95% 95%;background:linear-gradient(#c1c6c9,#edf0f1 14%,#a7afb4 26%,#d5d9dc 43%,#81898e 93%,#696f74);box-shadow:0 19px 21px -13px #282c3060}
.laptop-base::before{content:'';position:absolute;top:0;left:42%;width:16%;height:7px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#a8afb2,#e3e7e9 20%,#e3e7e9 80%,#a8afb2);box-shadow:inset 0 -1px #91999e}
.laptop-column .device-caption{padding-inline:3%;margin-top:18px}
.showcase-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid #dcdfde}
.showcase-benefits strong{display:block;font-size:.875rem;margin-bottom:6px}
.showcase-benefits p{font-size:.8125rem;line-height:1.6}
.showcase-footnote{font-size:.75rem;color:#717579;line-height:1.6;max-width:560px;margin-top:24px}
/* Different jobs, recognizable purchases; copy remains HTML and fully accessible. */
.professions{padding-top:82px;margin-top:72px;border-top:1px solid #d9dcde}
.professions-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.professions-heading h3{font-size:clamp(1.9rem,3vw,2.8rem);max-width:590px;line-height:1.1}
.professions-heading>p{font-size:.875rem;max-width:310px}
.profession-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.profession-card{min-width:0}
.profession-photo{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:8px;background:#e4e4df;margin-bottom:22px}
.profession-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.profession-card:hover .profession-photo img{transform:scale(1.035)}
.profession-number{position:absolute;left:13px;top:13px;background:#fffef4e8;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:.6875rem;font-weight:650;color:#1c2023}
.profession-card h4{font-size:1.08rem;font-weight:700;margin:0 0 9px;line-height:1.2;letter-spacing:-.025em}
.profession-card>p{font-size:.8125rem;line-height:1.65;margin:0}
.document-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px;list-style:none;padding:0}
.document-tags li{font-size:.6875rem;line-height:1.3;padding:6px 8px;border:1px solid #d7dbde;border-radius:4px;color:#4e555a;background:#ffffff6b}
.professions-footer{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:30px}
.professions-footer p{font-size:.75rem;max-width:670px;line-height:1.65}
.professions-footer a{flex:none;font-size:.8125rem}
@media(min-width:1001px){.site-header .main-nav{gap:20px}.site-header .main-nav a{white-space:nowrap}.site-header .nav-row{gap:23px}}
@media(max-width:1120px){.device-workspace{gap:38px;grid-template-columns:270px minmax(0,1fr)}.device-choices button{padding:8px 10px;font-size:.6875rem}.showcase-benefits{gap:12px}.profession-grid{gap:16px}}
@media(max-width:850px){.device-workspace{grid-template-columns:1fr;gap:66px}.scanner-column{width:min(100%,430px);margin-inline:auto}.phone-illustration{width:300px}.laptop-illustration{margin-top:30px}.laptop-column{width:100%}.device-choices button{font-size:.8125rem;padding:10px 14px}.showcase-benefits{gap:24px}.profession-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.professions-heading{display:block}.professions-heading>p{max-width:500px;margin-top:18px}.professions{padding-top:58px;margin-top:50px}}
@media(max-width:520px){.product-showcase{padding:65px 0}.product-showcase .section-heading{margin-bottom:34px}.device-intro{margin-bottom:17px}.device-intro h3{font-size:1.15rem}.device-intro>span{font-size:.625rem}.device-choices{gap:5px;margin-bottom:24px}.device-choices button{font-size:.75rem;padding:9px 12px}.phone-illustration{width:min(100% - 12px,294px)}.laptop-lid{padding:11px 6px 10px;border-radius:11px 11px 3px 3px}.laptop-camera{top:5px;width:3px;height:3px}.laptop-base{height:14px;bottom:10px}.laptop-base::before{height:4px}.laptop-illustration{padding-bottom:21px}.device-caption{font-size:.6875rem}.showcase-benefits{grid-template-columns:1fr;gap:19px;margin-top:26px;padding-top:23px}.showcase-benefits strong{margin-bottom:3px}.profession-grid{gap:29px 15px}.profession-photo{margin-bottom:16px}.profession-card h4{font-size:1rem}.profession-card>p{font-size:.75rem}.document-tags{gap:4px;margin-top:12px}.document-tags li{font-size:.625rem;padding:5px 6px}.profession-number{width:24px;height:24px;top:9px;left:9px;font-size:.625rem}.professions-footer{display:block}.professions-footer a{margin-top:16px}.showcase-footnote{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.profession-photo img{transition:none}}