.ha2{--orange:#ea580c;--orange-light:#fb923c;--navy:#0f172a;--slate-100:#f5f7fa;--slate-200:#e4e8ef;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-900:#0f172a;font-family:var(--ff), system-ui, sans-serif;color:#e2e8f0;background-color:var(--m-nuit-haut);background-image:var(--m-nuit-ambiance), var(--m-nuit);isolation:isolate;position:relative;overflow-x:hidden}.ha2 .v-hero{min-height:clamp(560px, calc(100svh / var(--ha2-zoom) - 132px), 880px);--ha2-zoom:1;align-items:center;padding:64px 0 80px;display:flex;position:relative;overflow:hidden}@media (min-width:1024px) and (max-width:1559px){.ha2 .v-hero{zoom:.93;--ha2-zoom:.93}}@media (min-width:1024px) and (max-width:1439px){.ha2 .v-hero{zoom:.88;--ha2-zoom:.88}}@media (min-width:1024px) and (max-width:1339px){.ha2 .v-hero{zoom:.84;--ha2-zoom:.84}}@media (min-width:1024px) and (max-height:940px){.ha2 .v-hero{padding:40px 0 52px}}@media (min-width:1024px) and (max-height:860px){.ha2 .v-hero{padding:28px 0 36px}}@media (min-width:1024px) and (max-height:790px){.ha2 .v-hero{padding:20px 0 28px}}.ha2 .v-hero-inner{width:100%;max-width:calc(var(--shell-max) / var(--ha2-zoom));padding-inline:calc(var(--gutter) / var(--ha2-zoom));z-index:1;grid-template-columns:1fr;align-items:start;gap:40px;margin:0 auto;display:grid;position:relative}.ha2 .v-hero-inner>*{min-width:0}@media (min-width:1024px){.ha2 .v-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}.ha2 .mock-wrap{--mock-scale:.8;--mock-natural-h:610px;width:calc(100% / var(--mock-scale));transform:scale(var(--mock-scale));transform-origin:0 0;margin-bottom:calc(var(--mock-natural-h) * (var(--mock-scale) - 1))}}@media (max-width:640px){.ha2 .v-hero{padding:36px 0 48px}.ha2 .v-hero-inner{gap:28px}}.ha2 .v-eyebrow{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.02em;color:#c4cdda;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;max-width:100%;margin:0 0 28px;padding:6px 14px 6px 7px;font-size:12px;font-weight:500;display:inline-flex}.ha2 .v-eyebrow-label{min-width:0;line-height:1.4}.ha2 .v-eyebrow:before{content:"";background-color:#e86a2c2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fb923c'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:11px 11px;border-radius:6px;flex-shrink:0;width:20px;height:20px;display:inline-block}.ha2 .v-eyebrow .accent{color:var(--orange-light)}.ha2 .v-h1{font-family:var(--ff), system-ui, sans-serif;letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:0 0 28px;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.07}.ha2 .v-h1 em{color:var(--orange-light);font-style:normal}.ha2 .v-sub{color:#e2e8f0c7;max-width:540px;margin:0 0 40px;font-size:16px;line-height:1.6}.ha2 .v-sub strong{color:#fff;font-weight:500}.ha2 .v-metiers{flex-wrap:wrap;gap:6px;max-width:580px;margin:0 0 24px;display:flex}.ha2 .v-chip{font-family:var(--ff), sans-serif;color:#e2e8f0d9;white-space:nowrap;cursor:default;background:#94a3b814;border:1px solid #94a3b826;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:500}.ha2 .v-cta-row{flex-wrap:wrap;gap:20px;margin:0 0 28px;display:flex}.ha2 .ha-btn{font-family:var(--ff), sans-serif;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:14px 22px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:all .18s;display:inline-flex}.ha2 .ha-btn--primary{background:linear-gradient(180deg, var(--m-orange-nuit) 0%, #de6b20 100%);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 8px 24px -8px #e26e288c}.ha2 .ha-btn--primary:hover{background:linear-gradient(180deg, var(--m-orange-nuit-hover) 0%, #e4762a 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 12px 32px -8px #ea580ca6}.ha2 .ha-btn--ghost{color:#e2e8f0eb;background:0 0;border:1px solid #94a3b840}.ha2 .ha-btn--ghost:hover{color:#fff;background:#ffffff0a;border-color:#94a3b873}.ha2 .v-proof{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8cc;margin:0 0 32px;font-size:10.5px;line-height:1.7}.ha2 .v-proof .dot{color:#94a3b873}.ha2 .v-features{flex-direction:column;gap:12px;max-width:540px;margin:0;padding:0;list-style:none;display:flex}.ha2 .v-features li{font-family:var(--ff), sans-serif;color:#e2e8f0e0;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.ha2 .v-features li svg{color:var(--orange-light);flex-shrink:0;margin-top:4px}.ha2 .mock-wrap{position:relative}.ha2 .mock-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(#ea580c1f,#0000 60%);position:absolute;inset:-20px}.ha2 .mock{color:var(--slate-900);filter:brightness(.97)saturate(.92);background:#fff;border-radius:14px;grid-template-columns:168px 1fr;font-size:13px;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff14,0 24px 60px -20px #0009,0 0 0 1px #94a3b81f}.ha2 .mock-chrome{border-bottom:1px solid var(--slate-200);background:#f1f4f9;grid-column:1/-1;align-items:center;gap:10px;padding:10px 14px;display:flex}.ha2 .mock-dots{gap:6px;display:flex}.ha2 .mock-dots span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.ha2 .mock-dots span:first-child{background:#fb7185}.ha2 .mock-dots span:nth-child(2){background:#fbbf24}.ha2 .mock-dots span:nth-child(3){background:#34d399}.ha2 .mock-url{border:1px solid var(--slate-200);font-family:var(--fm), ui-monospace, monospace;color:var(--slate-500);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:4px;flex:1;padding:4px 10px;font-size:10.5px;overflow:hidden}.ha2 .mock-url .pad-key{color:var(--slate-400)}.ha2 .mock-url .pad-val{color:var(--slate-700)}.ha2 .mock-side{background:var(--navy);color:#e2e8f0d9;border-right:1px solid #94a3b814;padding:14px 10px 16px;font-size:12px}.ha2 .mock-side .logo{align-items:center;padding:4px 8px 18px;display:flex}.ha2 .mock-side .space-pick{color:#fb923c;background:#ea580c24;border:1px solid #ea580c59;border-radius:5px;justify-content:space-between;align-items:center;margin:0 0 12px;padding:6px 8px;font-size:11.5px;display:flex}.ha2 .mock-side .space-pick svg{opacity:.7;width:10px;height:10px}.ha2 .mock-side .search{color:#94a3b899;background:#94a3b81a;border:1px solid #94a3b826;border-radius:5px;align-items:center;gap:6px;margin:0 0 16px;padding:6px 8px;font-size:11.5px;display:flex}.ha2 .mock-side .search svg{width:10px;height:10px}.ha2 .mock-side .new-btn{background:var(--orange);color:#fff;border-radius:5px;align-items:center;gap:6px;margin:0 0 6px;padding:8px 10px;font-size:11.5px;font-weight:500;display:flex}.ha2 .mock-side .new-btn svg{width:11px;height:11px}.ha2 .mock-side .quick-btn{color:#e2e8f0d9;border:1px solid #94a3b833;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;margin:0 0 16px;padding:7px 10px;font-size:11.5px;display:flex}.ha2 .mock-side .quick-btn .kbd{font-family:var(--fm), ui-monospace, monospace;color:#e2e8f099;background:#94a3b82e;border-radius:2px;padding:1px 5px;font-size:9px}.ha2 .mock-side .quick-btn svg{width:11px;height:11px;color:var(--orange-light)}.ha2 .mock-side ul{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ha2 .mock-side li{color:#e2e8f0c7;border-radius:4px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.ha2 .mock-side li.is-active{color:var(--orange-light);background:#ffffff0d}.ha2 .mock-side li svg{opacity:.85;flex:none;width:12px;height:12px}.ha2 .mock-side li.is-active svg{color:var(--orange-light);opacity:1}.ha2 .mock-side .sep{border:0;border-top:1px solid #94a3b814;margin:12px 4px 8px}.ha2 .mock-main{background:#fff;padding:18px 22px 22px}.ha2 .mock-h1{font-family:var(--ff), sans-serif;color:var(--slate-900);margin:0 0 4px;font-size:18px;font-weight:600}.ha2 .mock-meta{color:var(--slate-500);margin:0 0 14px;font-size:12px}.ha2 .mock-filters{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.ha2 .mock-filters .pill{border:1px solid var(--slate-200);color:var(--slate-700);background:#fff;border-radius:5px;align-items:center;gap:4px;padding:5px 9px;font-size:11.5px;display:inline-flex}.ha2 .mock-filters .pill svg{opacity:.6;width:9px;height:9px}.ha2 .mock-tabs{border-bottom:1px solid var(--slate-200);font-family:var(--fm), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400);gap:18px;margin:0 0 14px;font-size:10.5px;display:flex}.ha2 .mock-tabs span{align-items:center;gap:6px;padding:8px 0;display:inline-flex}.ha2 .mock-tabs span .count{color:var(--slate-500);font-weight:500}.ha2 .mock-tabs span.is-active{color:var(--slate-900);border-bottom:2px solid var(--orange);margin-bottom:-1px}.ha2 .mock-tabs span.is-active .count{color:var(--orange)}.ha2 .mock-section-title{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-700);align-items:center;gap:8px;margin:4px 0 8px;font-size:10.5px;display:flex}.ha2 .mock-section-title .dot{background:var(--orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ea580c2e}.ha2 .mock-section-title .count{color:var(--slate-400)}.ha2 .mock-card{border:1px solid var(--slate-200);border-left:3px solid var(--orange);background:#fff;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:start;gap:12px;margin:0 0 8px;padding:12px 14px;display:grid}.ha2 .mock-card .avatar{background:var(--slate-100);border:1px solid var(--slate-200);width:28px;height:28px;color:var(--slate-600);font-size:10px;font-weight:600;font-family:var(--fm), ui-monospace, monospace;border-radius:50%;justify-content:center;align-items:center;display:flex}.ha2 .mock-card .body .title{color:var(--slate-900);margin:0 0 1px;font-size:13px;font-weight:600}.ha2 .mock-card .body .sub{color:var(--slate-500);font-size:11.5px}.ha2 .mock-card .body .todo{font-family:var(--fm), ui-monospace, monospace;color:var(--slate-700);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;display:flex;overflow:hidden}.ha2 .mock-card .body .todo .label{color:var(--slate-400);letter-spacing:.08em;white-space:nowrap;flex-shrink:0}.ha2 .mock-card .body .todo .text{color:var(--slate-900);text-overflow:ellipsis;font-weight:500;overflow:hidden}.ha2 .mock-card .body .late{font-family:var(--fm), ui-monospace, monospace;color:#dc2626;align-items:center;gap:12px;margin-top:6px;font-size:10.5px;display:inline-flex}.ha2 .mock-card .body .late .meta{color:var(--slate-500)}.ha2 .mock-card .right{align-items:center;gap:8px;display:flex}.ha2 .badge{font-family:var(--ff), sans-serif;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.ha2 .badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px}.ha2 .badge.planifie{color:#059669;background:#ecfdf5}.ha2 .badge.encours{color:#b45309;background:#fef9c3}.ha2 .badge.devis{color:#475569;background:#f1f5f9}.ha2 .badge.demande{color:#7e22ce;background:#f3e8ff}.ha2 .ico-lite{color:var(--slate-400);align-items:center;gap:3px;font-size:10.5px;display:inline-flex}.ha2 .ico-lite svg{width:11px;height:11px}.ha2 .panel-now{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px 12px 14px}.ha2 .panel-now .mock-section-title{color:#9a3412;margin-top:0}.ha2 .panel-now .mock-card{border-color:var(--slate-200)}.ha2 .mock-section-title.muted{color:var(--slate-500);margin-top:16px}.ha2 .mock-section-title.muted .dot{background:var(--slate-400);box-shadow:0 0 0 3px #94a3b833}.ha2 .v-adapte{border-top:1px solid #94a3b80f;padding:14px 0;position:relative}.ha2 .v-adapte-inner{max-width:var(--shell-max);padding-inline:var(--gutter);flex-wrap:wrap;align-items:center;gap:14px;margin:0 auto;display:flex}.ha2 .v-adapte .label{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8a6;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:10.5px;font-weight:500;display:inline-flex}.ha2 .v-adapte .label:before{content:"";background:#94a3b859;width:18px;height:1px}.ha2 .v-adapte .metiers{font-family:var(--ff), sans-serif;color:#e2e8f0c7;font-size:13px;line-height:1.6}.ha2 .v-adapte .metiers .item{display:inline}.ha2 .v-adapte .metiers .sep{color:#94a3b859;margin:0 8px}@media (max-width:640px){.ha2 .v-adapte{padding:12px 0}.ha2 .v-adapte-inner{gap:8px}.ha2 .v-adapte .metiers{font-size:12.5px}.ha2 .v-adapte .metiers .sep{margin:0 6px}}.ha2 .v-band{background:var(--m-lin);border-top:1px solid #e4e8ef;padding:28px 24px 36px}.ha2 .v-band-inner{grid-template-columns:auto 1fr;align-items:center;gap:32px;max-width:1280px;margin:0 auto;display:grid}@media (max-width:720px){.ha2 .v-band-inner{grid-template-columns:1fr;gap:16px}}.ha2 .v-band .label{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#64748b;white-space:nowrap;align-items:center;gap:10px;font-size:10.5px;display:flex}.ha2 .v-band .label:before{content:"";background:#cbd5e1;width:18px;height:1px}.ha2 .v-band .markers{font-family:var(--fm), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:#475569;flex-wrap:wrap;gap:24px;font-size:11px;display:flex}.ha2 .v-band .markers .item{align-items:center;gap:8px;display:inline-flex}.ha2 .v-band .markers .item:before{content:"";background:var(--orange);opacity:.7;border-radius:50%;width:6px;height:6px}@media (max-width:640px){.ha2 .mock{grid-template-columns:minmax(0,1fr);font-size:12px}.ha2 .mock-side{display:none}.ha2 .mock-main{min-width:0;padding:16px 14px 18px}.ha2 .panel-now{min-width:0;padding:10px 10px 12px}.ha2 .mec-row{flex-wrap:wrap}.ha2 .mec-end{flex-basis:100%;margin-top:6px;padding-left:38px}.ha2 .mock-card{grid-template-columns:28px minmax(0,1fr);padding:12px}.ha2 .mock-card .body{min-width:0}.ha2 .mock-card .body .todo{flex-direction:column;align-items:flex-start;gap:2px}.ha2 .mock-card .body .todo .label,.ha2 .mock-card .body .todo .text{text-align:left;align-self:flex-start}.ha2 .mock-card .body .todo .text{width:100%}.ha2 .mock-card .body .late{flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.ha2 .mock-card .body .late .meta{color:var(--slate-500)}.ha2 .mock-card .right{grid-column:2;gap:6px;margin-top:8px}}@media (prefers-reduced-motion:no-preference){.ha2 .v-eyebrow,.ha2 .v-h1,.ha2 .v-sub,.ha2 .v-cta-row,.ha2 .v-proof,.ha2 .v-features li{animation:.8s cubic-bezier(.2,.7,.2,1) both ha2-rise}.ha2 .v-eyebrow{animation-delay:.2s}.ha2 .v-h1{animation-delay:.27s}.ha2 .v-sub{animation-delay:.35s}.ha2 .v-cta-row{animation-delay:.42s}.ha2 .v-proof{animation-delay:.47s}.ha2 .v-features li:first-child{animation-delay:.52s}.ha2 .v-features li:nth-child(2){animation-delay:.57s}.ha2 .v-features li:nth-child(3){animation-delay:.62s}.ha2 .v-features li:nth-child(4){animation-delay:.67s}.ha2 .v-features li:nth-child(5){animation-delay:.72s}.ha2 .v-features li svg polyline{stroke-dasharray:24;animation:.34s cubic-bezier(.2,.7,.2,1) both ha2-draw}.ha2 .v-features li:first-child svg polyline{animation-delay:.35s}.ha2 .v-features li:nth-child(2) svg polyline{animation-delay:.4s}.ha2 .v-features li:nth-child(3) svg polyline{animation-delay:.45s}.ha2 .v-features li:nth-child(4) svg polyline{animation-delay:.5s}.ha2 .v-features li:nth-child(5) svg polyline{animation-delay:.55s}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.ha2 .mock{animation:.76s 40ms both ha2-blind}.ha2 .mock-wrap:after{content:"";z-index:3;pointer-events:none;filter:drop-shadow(0 0 6px #ea580c80);opacity:0;background-image:linear-gradient(90deg,#fb923c00 0%,#fb923cb3 10%,#ffedd5f2 50%,#fb923cb3 90%,#fb923c00 100%);background-position:0 0;background-repeat:no-repeat;background-size:100% 2px;animation:.76s 40ms both ha2-rail;position:absolute;inset:0}.ha2 .mock-glow{animation:.9s ease-out .3s both ha2-glow-in}.ha2 .panel-now>div:nth-child(n+2),.ha2 .mock-main>div:last-child{animation:.7s cubic-bezier(.2,.7,.2,1) both ha2-settle}.ha2 .panel-now>div:nth-child(2){--sx:-14px;--sy:10px;--sr:-1.6deg;animation-delay:.62s}.ha2 .panel-now>div:nth-child(3){--sx:18px;--sy:14px;--sr:1.2deg;animation-delay:.72s}.ha2 .panel-now>div:nth-child(4){--sx:-10px;--sy:16px;--sr:.9deg;animation-delay:.82s}.ha2 .mock-main>div:last-child{--sx:16px;--sy:12px;--sr:-1.1deg;animation-delay:.94s}.ha2 .panel-now{animation:.5s ease-out 1.45s both ha2-bloom}.ha2 .panel-now .mock-section-title .dot{animation:2.4s ease-in-out 1.7s infinite ha2-pulse}}@keyframes ha2-rise{0%{transform:translateY(18px)}to{transform:none}}@keyframes ha2-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes ha2-blind{0%{clip-path:inset(0 -50% 100%);animation-timing-function:cubic-bezier(.16,.85,.3,1)}58%{clip-path:inset(0 -50% 0%);animation-timing-function:ease-out}70%{clip-path:inset(0 -50% 1.6%);animation-timing-function:ease-in-out}84%,to{clip-path:inset(-50%)}}@keyframes ha2-rail{0%{opacity:0;background-position-y:0%;animation-timing-function:cubic-bezier(.16,.85,.3,1)}8%{opacity:1}58%{background-position-y:100%;animation-timing-function:ease-out}70%{background-position-y:98.4%;animation-timing-function:ease-in-out}84%{opacity:1;background-position-y:100%}to{opacity:0;background-position-y:100%}}@keyframes ha2-glow-in{0%{opacity:0}to{opacity:1}}@keyframes ha2-settle{0%{transform:translate(var(--sx,0), var(--sy,0)) rotate(var(--sr,0deg));opacity:.35}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes ha2-bloom{0%{background-color:#fff;border-color:#0000}to{background-color:#fff7ed;border-color:#fed7aa}}@keyframes ha2-pulse{0%,to{box-shadow:0 0 0 3px #ea580c2e}50%{box-shadow:0 0 0 6px #ea580c00}}
