/* Modes de pointage et configurations */
.clocking-methods{padding-top:95px;background:linear-gradient(180deg,#fff,#f8fbff)}
.method-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.method-card{grid-column:span 2;position:relative;min-height:290px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(15,23,42,.055);transition:transform .25s,border-color .25s,box-shadow .25s}.method-card:nth-child(n+4){grid-column:span 3}.method-card:hover{transform:translateY(-4px);border-color:#bfdcff;box-shadow:var(--shadow)}.method-card-primary{background:linear-gradient(145deg,#fff,#f4f9ff)}
.method-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eaf4ff;color:var(--blue);font-size:24px;font-weight:900}.method-icon-fingerprint{background:#f0eafe;color:var(--violet);font-size:30px}.method-icon-badge{background:#eef2ff;color:#4f46e5;font-size:30px}.method-icon-pin{letter-spacing:2px;font-size:17px}.method-icon-custom{background:#eafaf1;color:#16834d}.method-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.method-heading h3{margin:0;font-size:21px}.method-status{flex:0 0 auto;padding:5px 9px;border-radius:99px;background:#ecfdf3;color:#16834d;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.method-status-soon{background:#eef2ff;color:#4338ca}.method-status-request{background:#fff4db;color:#9a6700}.method-card p{margin:0 0 22px;color:var(--muted)}.method-card>a{position:absolute;left:28px;bottom:25px;color:var(--blue);font-size:13px;font-weight:800}.platform-note{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0 0;padding:20px 24px;border:1px solid #cfe5ff;border-radius:18px;background:#eef7ff}.platform-note strong{color:#075eb5}.platform-note span{color:#475467}
.fingerprint-section{overflow:hidden}.pricing-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:22px 26px;border:1px solid #d8e8fb;border-radius:18px;background:#fff}.pricing-contact>div{display:flex;align-items:center;gap:16px}.pricing-contact p,.pricing-contact small{display:block;margin:0}.pricing-contact small{color:var(--muted)}.final-cta-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button-outline-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.button-outline-light:hover{box-shadow:inset 0 0 0 1px #fff,0 14px 32px rgba(15,23,42,.18)}
@media(max-width:900px){.method-grid{grid-template-columns:1fr}.method-card,.method-card:nth-child(n+4){grid-column:auto;min-height:260px}.platform-note{align-items:flex-start;flex-direction:column;gap:3px}.pricing-contact{align-items:flex-start;flex-direction:column}.site-nav{font-size:13px}}
@media(max-width:600px){.method-card{min-height:285px;padding:23px}.method-card>a{left:23px;right:23px}.method-heading{align-items:flex-start;flex-direction:column}.pricing-contact{padding:20px}.pricing-contact>div{align-items:flex-start}.final-cta-actions{flex-direction:column}.platform-note{padding:18px}}

:root{--blue:#0a84ff;--violet:#7c3aed;--ink:#111827;--muted:#667085;--soft:#f3f6fb;--line:#e5eaf2;--dark:#07101f;--radius:24px;--shadow:0 24px 70px rgba(15,23,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{width:auto;height:auto;clip:auto;z-index:9999;padding:12px 18px;background:#fff}.site-header{height:78px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 28px rgba(15,23,42,.05)}.nav-wrap,.brand,.site-nav,.nav-actions{display:flex;align-items:center}.nav-wrap{height:100%;justify-content:space-between}.brand{gap:10px;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand img{border-radius:11px}.brand span span,h1 span,h2 span{color:var(--blue)}.site-nav{gap:28px;font-size:14px;font-weight:600}.site-nav>a:hover{color:var(--blue)}.nav-actions{gap:18px;margin-left:16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 22px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),#316cf4);color:#fff;font-weight:750;box-shadow:0 10px 25px rgba(10,132,255,.24);cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(10,132,255,.3)}.button-small{padding:10px 16px}.button-secondary{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.menu-toggle{display:none;border:0;background:none}.hero{min-height:790px;padding:160px 0 90px;overflow:hidden;position:relative;background:linear-gradient(180deg,#f7fbff 0,#fff 88%)}.hero-glow{position:absolute;width:540px;height:540px;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(10,132,255,.15),transparent 68%)}.glow-one{right:2%;top:7%}.hero-grid,.split,.reports-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:70px}.hero-grid>*,.split>*,.reports-split>*{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow i{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 5px rgba(34,197,94,.12)}h1{font-size:clamp(45px,5.2vw,70px);line-height:1.02;letter-spacing:-3.6px;margin:22px 0}.hero-copy>p{font-size:19px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:32px 0}.hero-note{display:flex;align-items:center;gap:14px}.hero-note span:last-child{display:grid}.hero-note small{color:var(--muted)}.avatars{display:flex}.avatars b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;border:2px solid #fff;font-size:10px;margin-left:-7px}.product-stage{height:530px;position:relative}.dashboard-mock{position:absolute;right:0;top:20px;width:92%;height:390px;border:1px solid #e8edf5;border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transform:perspective(900px) rotateY(-3deg)}.mock-top{height:50px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.mock-logo{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--blue);color:#fff}.mock-body{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 50px)}.mock-body aside{background:#f8fafc;display:grid;align-content:start;gap:18px;padding:25px 17px}.mock-body aside b{height:18px;border-radius:5px;background:#dbe4ef}.mock-content{padding:24px}.mock-content h3{margin:2px 0 18px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis>span{display:grid;padding:12px;border:1px solid var(--line);border-radius:12px}.mock-kpis b{font-size:20px}.mock-kpis i{width:7px;height:7px;border-radius:50%;background:#22c55e}.mock-kpis i.orange{background:#f59e0b}.mock-kpis i.purple{background:var(--violet)}.mock-kpis small,.chart small{color:var(--muted);font-size:9px}.chart{height:145px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto}.bars{grid-column:1/-1;height:92px;display:flex;align-items:end;gap:10px}.bars i{flex:1;background:linear-gradient(var(--blue),#bfdbfe);border-radius:5px 5px 2px 2px}.phone-mock,.app-phone{position:absolute;width:205px;height:420px;padding:8px;background:#09111f;border-radius:34px;box-shadow:0 25px 60px rgba(15,23,42,.28)}.phone-mock{left:-18px;bottom:-10px}.phone-screen,.app-screen{height:100%;border-radius:27px;background:linear-gradient(160deg,#f6faff,#fff);padding:22px 15px;overflow:hidden}.phone-screen>b{color:var(--blue)}.phone-screen p{font-size:12px}.clock-ring{width:126px;height:126px;border-radius:50%;border:9px solid #dbeafe;border-top-color:var(--blue);display:grid;place-content:center;text-align:center;margin:35px auto}.clock-ring span{font-size:23px;font-weight:800}.clock-ring small{font-size:9px;color:var(--muted)}.phone-screen button,.app-screen button{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:11px;font-size:11px}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border-radius:14px;box-shadow:var(--shadow);font-size:11px}.floating-card div{display:grid}.floating-card small{color:var(--muted)}.floating-card>i{color:#22c55e}.qr-float{right:-15px;bottom:45px}.trust-strip{border-block:1px solid var(--line);background:#fff}.trust-grid{min-height:95px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:14px}.trust-grid div{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700;color:#475467}.trust-grid span{color:var(--blue)}.section{padding:110px 0}.soft-section,.industries{background:var(--soft)}.section-head{max-width:660px;margin-bottom:48px}.section-head.centered{text-align:center;margin-inline:auto}.section-head h2,.split-copy h2{font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-2.2px;margin:15px 0}.section-head p,.split-copy>p{color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{min-height:245px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;position:relative;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cde5ff}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:22px;font-weight:800}.feature-card h3{margin:21px 0 7px}.feature-card p{color:var(--muted);font-size:14px}.card-arrow{position:absolute;right:22px;bottom:20px;color:#a0a9b8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{position:relative;padding-top:30px;border-top:2px solid #dfe6ef}.step:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);top:-5px}.step>span{color:var(--blue);font-weight:900;font-size:13px}.step p{color:var(--muted)}.dark-section{background:var(--dark);color:#fff;overflow:hidden}.eyebrow.light{color:#7dd3fc}.dark-section .split-copy p{color:#aeb8c8}.qr-visual{height:470px;display:grid;place-items:center;position:relative}.qr-frame{width:290px;height:330px;border-radius:30px;background:#fff;color:var(--ink);display:grid;place-content:center;text-align:center;box-shadow:0 0 100px rgba(10,132,255,.2);transform:rotate(-3deg)}.qr-frame strong{font-size:190px;line-height:.85}.qr-frame span{font-weight:800}.scan-line{position:absolute;width:310px;height:2px;background:#38bdf8;box-shadow:0 0 20px #38bdf8;top:48%;animation:scan 2.4s ease-in-out infinite}.scan-ok{position:absolute;right:5%;bottom:15%;background:#173026;color:#86efac;padding:11px 16px;border-radius:12px}.flow{display:flex;align-items:center;gap:12px;margin:30px 0}.flow span{padding:10px 15px;background:rgba(255,255,255,.08);border-radius:10px;font-weight:700}.fine{font-size:13px!important}.reverse{direction:rtl}.reverse>*{direction:ltr}.check-list{list-style:none;padding:0}.check-list li{padding:8px 0 8px 30px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:900}.store-badges{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}.store-badges a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .2s,filter .2s}.store-badges a:hover{transform:translateY(-2px);filter:drop-shadow(0 8px 14px rgba(15,23,42,.16))}.store-badges a:focus-visible{outline:3px solid rgba(10,132,255,.28);outline-offset:4px}.store-badges img{display:block;width:auto;height:52px;object-fit:contain}.store-badges a:last-child img{height:68px;margin:-8px 0}.app-showcase{height:520px;position:relative;background:radial-gradient(circle,#dbeafe,transparent 65%)}.app-phone{left:50%;top:50%;transform:translate(-50%,-50%);height:500px;width:240px}.app-welcome{display:grid}.app-time{text-align:center;font-size:38px;font-weight:850;padding:44px 0}.app-time small{display:block;font-size:10px;color:var(--muted)}.app-card{display:grid;padding:13px;margin-top:14px;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(15,23,42,.07);font-size:11px}.app-card span{color:var(--muted)}.bubble{position:absolute;padding:12px 16px;background:#fff;border-radius:13px;box-shadow:var(--shadow);font-size:12px;font-weight:700}.bubble-one{right:5%;top:24%}.admin-preview{display:grid;grid-template-columns:74px 1fr;min-height:480px;border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.admin-sidebar{display:grid;align-content:start;justify-items:center;gap:28px;padding:22px;background:#0f1b2d}.admin-sidebar b{display:grid;place-items:center;width:32px;height:32px;background:var(--blue);color:#fff;border-radius:9px}.admin-sidebar i{width:22px;height:22px;background:#334155;border-radius:6px}.admin-main{padding:34px}.admin-title,.report-head{display:flex;justify-content:space-between;align-items:center}.admin-title span,.report-head span:first-child{display:grid}.admin-title b{font-size:24px}.admin-title button{border:0;padding:11px 15px;border-radius:10px;background:var(--blue);color:#fff}.admin-cards,.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.admin-cards span,.report-stats span{display:grid;padding:18px;border:1px solid var(--line);border-radius:14px}.admin-cards b,.report-stats b{font-size:26px}.admin-cards small,.report-stats small{color:var(--muted)}.admin-bottom{display:grid;grid-template-columns:2fr 1fr;gap:18px}.admin-bottom>div{padding:20px;border:1px solid var(--line);border-radius:15px}.admin-bottom p{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:9px 0;margin:8px 0 0}.admin-bottom p i{width:8px;height:8px;background:#22c55e;border-radius:50%}.admin-bottom p span{margin-left:auto;color:#16a34a;font-size:11px}.donut{margin:25px auto;width:130px;height:130px;border:16px solid #dbeafe;border-top-color:var(--blue);border-radius:50%;display:grid;place-items:center}.donut span{display:grid;text-align:center;font-weight:900;font-size:22px}.donut small{font-size:9px;color:var(--muted)}.capabilities{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:28px}.capabilities span{padding:8px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px}.report-board{padding:28px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.report-head small{color:var(--muted)}.report-head>span:last-child{color:var(--blue);font-size:12px}.line-chart svg{width:100%;height:auto}.industry-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-list span{display:flex;align-items:center;gap:13px;padding:19px;background:#fff;border-radius:14px;font-weight:700}.industry-list b{color:var(--blue);font-size:20px}.pricing-section{background:linear-gradient(180deg,#fff,#f7f9fd)}.billing-toggle{width:max-content;margin:0 auto 35px;padding:5px;border:1px solid var(--line);border-radius:12px}.billing-toggle button{border:0;background:transparent;padding:9px 17px;border-radius:8px}.billing-toggle button.active{background:var(--ink);color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card,.pricing-fallback{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.price{margin:25px 0}.price b{font-size:37px}.price span{color:var(--muted)}.price-card ul{list-style:none;padding:0;min-height:120px}.price-card li{margin:9px 0}.pricing-fallback{max-width:820px;margin:auto;display:flex;align-items:center;gap:24px}.pricing-fallback .button{margin-left:auto;white-space:nowrap}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:750;list-style:none}.faq-list summary span{font-size:24px;color:var(--blue)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted)}.text-arrow{color:var(--blue);font-weight:750}.final-cta{padding:100px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#0567d9,#6d28d9)}.final-cta .shell{max-width:800px}.final-cta h2{font-size:clamp(38px,5vw,58px);line-height:1.08;margin:18px 0}.final-cta p{font-size:18px;color:#dbeafe}.button-light{background:#fff;color:#1d4ed8}.site-footer{padding:72px 0 24px;background:var(--dark);color:#9aa6b8}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.brand-footer{color:#fff}.footer-grid h2{font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.footer-grid>div{display:grid;align-content:start;gap:9px}.footer-grid a:not(.brand):hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #263245;margin-top:48px;padding-top:22px;font-size:12px}.form-page,.legal-page{padding:140px 0 90px;background:var(--soft);min-height:100vh}.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.form-card,.legal-card{padding:35px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:700;font-size:13px}.field input,.field textarea{width:100%;border:1px solid #d7deea;border-radius:11px;padding:12px 14px;background:#fbfcfe}.field input:focus,.field textarea:focus{outline:3px solid rgba(10,132,255,.14);border-color:var(--blue)}.checkbox{display:flex;gap:10px;align-items:start;font-size:13px}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px}.alert.error{background:#fef2f2;color:#991b1b}.alert.success{background:#ecfdf5;color:#166534}.form-card .button{width:100%;margin-top:15px}.legal-card{max-width:860px;margin:auto}.legal-card h1{font-size:44px;letter-spacing:-2px}.legal-card h2{margin-top:32px}.placeholder{padding:14px;border-left:3px solid #f59e0b;background:#fffbeb;color:#92400e}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}@keyframes scan{0%,100%{transform:translateY(-110px)}50%{transform:translateY(110px)}}@media(max-width:900px){.site-nav{display:none;position:absolute;top:70px;left:20px;right:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column;gap:14px}.site-nav.open{display:flex}.nav-actions{margin:10px 0 0;flex-direction:column;align-items:stretch}.menu-toggle{display:grid;gap:4px}.menu-toggle>span:not(.sr-only){width:23px;height:2px;background:var(--ink)}.hero{padding-top:125px}.hero-grid,.split,.reports-split,.faq-layout,.form-shell{grid-template-columns:1fr}.hero-grid{gap:30px}.product-stage{height:500px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps,.industry-list{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr);padding:20px 0}.footer-grid{grid-template-columns:1fr 1fr}.reverse{direction:ltr}}@media(max-width:600px){.shell{width:min(calc(100% - 28px),1160px)}.section{padding:75px 0}h1{font-size:43px;letter-spacing:-2.5px}.hero-actions{flex-direction:column}.store-badges{flex-direction:column;align-items:flex-start}.button{width:100%}.product-stage{height:410px}.dashboard-mock{width:96%;height:300px}.phone-mock{width:150px;height:310px;left:-4px}.clock-ring{width:90px;height:90px;margin:20px auto}.mock-content{padding:14px}.mock-kpis>span{padding:7px}.chart{display:none}.floating-card{display:none}.feature-grid,.steps,.industry-list,.pricing-grid,.field-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.split{gap:35px}.qr-visual{height:370px}.qr-frame{width:230px;height:265px}.qr-frame strong{font-size:150px}.flow{flex-wrap:wrap}.admin-preview{grid-template-columns:44px 1fr}.admin-main{padding:15px}.admin-title button{display:none}.admin-cards{grid-template-columns:1fr 1fr}.admin-cards span:last-child{display:none}.admin-bottom{grid-template-columns:1fr}.admin-bottom>div:last-child{display:none}.pricing-fallback{align-items:flex-start;flex-direction:column}.pricing-fallback .button{margin:0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}.form-card,.legal-card{padding:23px}.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
