.ha2{--orange:#ea580c;--orange-light:#fb923c;--navy:#0f172a;--navy-deep:#0a1020;--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;overflow-x:hidden}.ha2 .v-hero{background-color:#1a2235;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:56px 56px;padding:40px 24px 64px;position:relative;overflow:hidden}.ha2 .v-hero-inner{z-index:1;grid-template-columns:1fr;align-items:center;gap:40px;max-width:1240px;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);gap:40px}.ha2 .mock-wrap{zoom:.8}}@media (max-width:640px){.ha2 .v-hero{padding:36px 20px 48px}.ha2 .v-hero-inner{gap:28px}.ha2 .mock-wrap{zoom:1}}.ha2 .v-eyebrow{font-family:var(--fm),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8d9;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;font-size:11px;font-weight:500;display:inline-flex}.ha2 .v-eyebrow:before{content:"";background:#94a3b880;width:18px;height:1px;display:inline-block}.ha2 .v-eyebrow .accent{color:var(--orange-light)}.ha2 .v-h1{font-family:var(--serif),Georgia,serif;letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0 0 20px;font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1.08}.ha2 .v-h1 em{color:var(--orange-light);font-style:italic}.ha2 .v-sub{color:#e2e8f0c7;max-width:540px;margin:0 0 24px;font-size:16px;line-height:1.55}.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:12px;margin:0 0 20px;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:var(--orange);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 8px 24px -8px #ea580c8c}.ha2 .ha-btn--primary:hover{background:#f97316;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:#94a3b8a6;margin:0;font-size:10.5px;line-height:1.7}.ha2 .v-proof .dot{color:#94a3b84d}.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);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-band{background:var(--navy-deep);border-top:1px solid #94a3b814;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:#94a3b8b3;white-space:nowrap;align-items:center;gap:10px;font-size:10.5px;display:flex}.ha2 .v-band .label:before{content:"";background:#94a3b84d;width:18px;height:1px}.ha2 .v-band .markers{font-family:var(--fm),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0a6;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:.6;border-radius:50%;width:6px;height:6px}@media (max-width:640px){.ha2 .mock{grid-template-columns:1fr;font-size:12px}.ha2 .mock-side{display:none}.ha2 .mock-main{padding:16px 14px 18px}.ha2 .panel-now{padding:10px 10px 12px}.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}}