/* Représentation graphique de PointagePro Fingerprint. */
.fingerprint-visual{position:relative;min-height:560px;display:grid;place-items:center;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 64%)}.fingerprint-terminal{position:relative;width:min(410px,90%);padding:15px;border:1px solid #dce4ef;border-radius:28px;background:linear-gradient(145deg,#17233a,#07101f);box-shadow:0 35px 80px rgba(15,23,42,.24)}
.terminal-top{display:flex;align-items:center;gap:10px;padding:5px 4px 16px;color:#fff;font-size:12px}.terminal-top i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.terminal-brand{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--blue);font-weight:900}.terminal-screen{display:grid;justify-items:center;padding:31px 24px 24px;border-radius:20px;background:linear-gradient(160deg,#f8fbff,#eef5ff);text-align:center}
.fingerprint-mark{position:relative;width:94px;height:112px;margin-bottom:12px}.fingerprint-mark i{position:absolute;left:50%;bottom:0;border:4px solid var(--violet);border-bottom-color:transparent;border-radius:50%;transform:translateX(-50%)}.fingerprint-mark i:nth-child(1){width:92px;height:108px}.fingerprint-mark i:nth-child(2){width:70px;height:88px}.fingerprint-mark i:nth-child(3){width:48px;height:66px}.fingerprint-mark i:nth-child(4){width:25px;height:43px}.terminal-screen>strong{font-size:21px}.terminal-screen>small{color:var(--muted)}.terminal-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:24px}.terminal-actions span{padding:9px 5px;border-radius:10px;background:#fff;border:1px solid #dce4ef;color:#475467;font-size:9px;font-weight:800}
.fingerprint-reader{position:absolute;right:-54px;bottom:-44px;width:148px;height:125px;display:grid;place-items:center;padding:15px;border:8px solid #18243a;border-radius:24px;background:#eef2f7;box-shadow:0 20px 45px rgba(15,23,42,.3)}.fingerprint-reader span{display:grid;place-items:center;width:64px;height:57px;border-radius:14px;background:linear-gradient(145deg,#19233a,#334a6b);color:#78d4ff;font-size:33px}.fingerprint-reader small{font-size:8px;color:#667085}.terminal-sync{position:absolute;left:1%;bottom:9%;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.terminal-sync>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#15803d;font-weight:900}.terminal-sync div{display:grid}.terminal-sync b{font-size:11px}.terminal-sync small{color:var(--muted);font-size:8px}
@media(max-width:900px){.fingerprint-visual{min-height:520px}}
@media(max-width:600px){.fingerprint-visual{min-height:430px;padding-inline:22px}.fingerprint-terminal{width:88%;padding:11px}.terminal-screen{padding:22px 12px 18px}.fingerprint-reader{right:0;bottom:-45px;width:120px;height:105px}.terminal-sync{left:22px;bottom:2%;padding:10px 12px}.terminal-actions{grid-template-columns:1fr 1fr}.fingerprint-mark{transform:scale(.8);margin:-10px 0 0}}

/* Reproductions marketing du produit : toutes les données affichées sont fictives. */
.product-stage-real{height:560px}.dashboard-real{display:grid;grid-template-columns:58px 1fr;top:8px;width:96%;height:410px;transform:perspective(1000px) rotateY(-2deg);background:#f2f7fc}.web-side{padding:15px 11px;background:linear-gradient(180deg,#102c50,#050b22);display:grid;align-content:start;gap:16px}.web-brand{width:34px;height:34px;border-radius:10px;background:#258cff;color:#fff;display:grid;place-items:center;font-weight:900}.web-side i{height:23px;border-radius:7px;background:#274563}.web-side i:nth-of-type(3){background:#147ff0}.web-dash{padding:20px}.web-hello{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-radius:17px;background:linear-gradient(130deg,#dcecff,#fff)}.web-hello span{display:grid}.web-hello small{font-size:7px;letter-spacing:.13em;color:var(--blue);font-weight:900}.web-hello b{font-size:17px}.web-hello em{font-size:9px;color:var(--muted);font-style:normal}.web-hello strong{padding:7px 10px;border-radius:99px;background:#e5f0ff;color:#1681ed;font-size:9px}.web-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.web-stats span{display:grid;padding:11px;border-radius:12px;background:#fff;border:1px solid #e6ebf3}.web-stats small{font-size:7px;color:var(--muted)}.web-stats b{font-size:18px;color:#1681ed}.web-panels{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.web-panels>div{padding:12px;border-radius:13px;background:#fff}.web-panels b{font-size:10px}.web-panels p{display:flex;align-items:center;gap:6px;margin:7px 0;padding-top:6px;border-top:1px solid #edf0f5;font-size:8px}.web-panels time{margin-left:auto;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%}.dot.green{background:#22c55e}.dot.blue{background:#1681ed}.alert-row{color:#b42318!important;background:#fff4f2;border:0!important;padding:8px!important;border-radius:8px}
.employee-phone{height:440px;width:210px;left:-10px;bottom:-3px;z-index:3}.employee-screen{position:relative;padding:18px 11px 12px;background:linear-gradient(150deg,#f3f6ff,#edf9f5)}.employee-screen>small{display:block;text-align:center;color:#111827;font-weight:850}.mobile-gradient-card,.manager-hero,.scanner-banner{background:linear-gradient(135deg,#287cff,#8747ed);color:#fff}.mobile-gradient-card{display:grid;margin-top:14px;padding:17px;border-radius:22px;min-height:205px}.mobile-gradient-card>span{font-size:10px}.mobile-gradient-card>b{font-size:27px;line-height:1.1}.mobile-gradient-card>em{font-size:10px;font-style:normal}.mobile-gradient-card>strong{width:max-content;margin:12px 0;padding:5px 8px;border-radius:99px;background:#fff;color:#55239b;font-size:9px}.mobile-gradient-card>strong i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#ff3b30}.mobile-gradient-card>div{margin-top:auto;padding-top:10px;border-top:1px solid #ffffff40;display:grid}.mobile-gradient-card>div small{font-size:8px}.mobile-gradient-card>div b{font-size:20px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.mobile-actions span{display:grid;padding:9px 7px;border-radius:12px;background:#fff}.mobile-actions i{font-style:normal;color:var(--blue)}.mobile-actions b{font-size:9px}.employee-screen nav,.manager-screen nav{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-around}.employee-screen nav i,.manager-screen nav i{width:17px;height:4px;border-radius:4px;background:#aeb7c6}
.scanner-visual{height:540px}.scanner-phone{width:300px;padding:15px;border:8px solid #0b1220;border-radius:34px;background:#f2f5fb;color:#111827;box-shadow:0 28px 70px #0006}.scanner-phone header{display:flex;justify-content:space-between;padding:7px 4px 14px;color:var(--blue)}.scanner-phone header b{margin:auto;color:#111827;font-size:14px}.scanner-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px}.scanner-banner>i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#ffffff2e;font-style:normal}.scanner-banner span{display:grid}.scanner-banner b{font-size:14px}.scanner-banner small{font-size:8px;color:#e6eaff}.camera-frame{position:relative;height:245px;margin:15px 0;border:8px solid #fff;border-radius:22px;background:linear-gradient(145deg,#4b5563,#151b27);overflow:hidden}.camera-frame>i{position:absolute;width:42px;height:42px;border-color:#fff;border-style:solid}.camera-frame>i:nth-child(1){left:35px;top:35px;border-width:4px 0 0 4px}.camera-frame>i:nth-child(2){right:35px;top:35px;border-width:4px 4px 0 0}.camera-frame>i:nth-child(3){left:35px;bottom:35px;border-width:0 0 4px 4px}.camera-frame>i:nth-child(4){right:35px;bottom:35px;border-width:0 4px 4px 0}.camera-frame .scan-line{width:190px;left:28px;top:50%;background:#67e8f9}.scanner-info{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#fff;font-size:9px}.scanner-info i{font-style:normal;color:#22c55e;font-size:18px}.scanner-ready{display:block;margin-top:8px;padding:9px 12px;border-radius:11px;background:#f7f9fd;font-size:10px}
.app-showcase-real{height:580px}.manager-phone{width:270px;height:565px}.manager-screen{position:relative;padding:18px 12px;background:linear-gradient(155deg,#f4f6fd,#edf8f5)}.manager-screen h3{margin:0 0 14px}.manager-hero{position:relative;min-height:218px;padding:17px;border-radius:22px}.manager-hero>span{font-size:10px}.manager-hero>b{display:block;font-size:25px;line-height:1.05;margin:5px 0}.manager-hero>strong{position:absolute;right:15px;top:19px;display:grid;place-items:center;width:69px;height:69px;border:1px solid #ffffff59;border-radius:20px;font-size:23px}.manager-hero>strong small{font-size:7px}.manager-hero>div{position:absolute;left:13px;right:13px;bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);padding:10px;border-radius:14px;background:#ffffff21}.manager-hero>div span{display:grid;text-align:center}.manager-hero>div b{font-size:16px}.manager-hero>div small{font-size:6px}.manager-alert{display:flex;gap:10px;align-items:center;margin:10px 0;padding:11px;border:1px solid #ffd1cc;border-radius:15px;background:#fff}.manager-alert i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffe7e4;color:#ff3b30;font-style:normal;font-weight:900}.manager-alert span{display:grid}.manager-alert b{font-size:10px}.manager-alert small{font-size:7px;color:var(--muted)}.manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manager-grid>span{display:grid;grid-template-columns:auto 1fr;gap:0 8px;padding:10px;border-radius:14px;background:#fff}.manager-grid i{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e9f7ee;color:#22c55e;font-style:normal}.manager-grid span:last-child i{background:#ffe8e5;color:#ff3b30}.manager-grid b{font-size:15px}.manager-grid small{font-size:7px}
.admin-preview-real{grid-template-columns:82px 1fr;background:#f2f7fc}.admin-preview-real .admin-sidebar i{display:grid;place-items:center;color:#9db4ce;font-style:normal}.planning-summary{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin:24px 0}.planning-summary>*{display:grid;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.planning-summary small{font-size:10px;color:var(--muted)}.planning-summary b{font-size:23px;color:#1681ed}.planning-summary em{place-items:center;background:#fff8ec;color:#9a3412;font-size:11px;font-style:normal}.planning-table{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.planning-row{display:grid;grid-template-columns:1.35fr repeat(5,1fr);border-top:1px solid var(--line)}.planning-row:first-child{border-top:0}.planning-row>*{padding:12px 8px;text-align:center;font-size:10px}.planning-row>b:first-child{text-align:left}.planning-head{background:#f8fafc;color:#667085}.state{margin:7px 4px;padding:5px!important;border-radius:9px;background:#edf2f7;color:#667085}.state.présent{background:#dcfce7;color:#15803d}.state.congé{background:#f3e8ff;color:#7e22ce}.report-board-real{background:#f5f8fc}.report-board-real .report-stats{grid-template-columns:repeat(4,1fr)}.report-board-real .report-stats span{background:#fff;padding:12px}.report-board-real .report-stats b{font-size:19px}.report-table{padding:14px;border-radius:14px;background:#fff}.report-table>p{display:grid;grid-template-columns:1fr auto auto;gap:14px;margin:0;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.report-table small{color:var(--muted)}
@media(max-width:900px){.product-stage-real{height:540px}.dashboard-real{width:94%}.app-showcase-real{height:580px}.scanner-visual{height:540px}.admin-preview-real{min-height:430px}}
@media(max-width:600px){.product-stage-real{height:420px}.dashboard-real{height:285px;grid-template-columns:38px 1fr}.web-side{padding:10px 7px;gap:10px}.web-brand{width:25px;height:25px}.web-side i{height:14px}.web-dash{padding:10px}.web-hello{padding:10px}.web-hello b{font-size:12px}.web-stats{grid-template-columns:repeat(3,1fr);margin:8px 0}.web-stats span:last-child{display:none}.web-stats span{padding:7px}.web-stats b{font-size:14px}.web-panels{grid-template-columns:1fr}.web-panels>div{padding:8px}.web-panels>div:last-child{display:none}.employee-phone{width:145px;height:305px}.employee-screen{padding:12px 7px}.mobile-gradient-card{min-height:145px;padding:10px;margin-top:8px}.mobile-gradient-card>b{font-size:19px}.mobile-gradient-card>strong{margin:5px 0}.mobile-gradient-card>div{padding-top:5px}.mobile-gradient-card>div b{font-size:14px}.mobile-actions span{padding:6px}.scanner-phone{width:245px}.scanner-visual{height:490px}.camera-frame{height:205px}.camera-frame .scan-line{width:150px}.app-showcase-real{height:525px}.manager-phone{width:240px;height:510px}.manager-hero{min-height:190px}.manager-hero>b{font-size:21px}.admin-preview-real{grid-template-columns:42px 1fr;min-height:350px}.admin-preview-real .admin-sidebar{padding:12px 6px}.admin-preview-real .admin-sidebar i{width:22px;height:22px;font-size:10px}.planning-summary{grid-template-columns:1fr 1fr;margin:12px 0}.planning-summary em{display:none}.planning-summary>*{padding:9px}.planning-summary b{font-size:16px}.planning-row{grid-template-columns:1.3fr repeat(3,1fr)}.planning-row>*:nth-child(n+5){display:none}.planning-row>*{padding:8px 3px;font-size:7px}.state{margin:4px 2px;padding:4px 2px!important}.report-board-real .report-stats{grid-template-columns:1fr 1fr}.report-table>p{grid-template-columns:1fr auto}.report-table strong{display:none}}