:root{font-family:Arial,Helvetica,sans-serif;color:#0a142d;background:#f1f4f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:76px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e8edf3}.topbar img{display:block;width:188px;height:auto;max-height:55px;object-fit:contain}main{min-height:calc(100vh - 134px);padding:34px 20px 50px}.contact-page{width:min(100%,520px);margin:0 auto}.hero-banner{height:205px;background:#0a142d;border-radius:20px 20px 0 0;position:relative;overflow:hidden;padding:30px 28px;display:flex;align-items:flex-start}.hero-banner p{color:#fff;font-size:20px;line-height:1.25;font-weight:600;position:relative;z-index:2;max-width:260px;margin:2px 0}.hero-shape{position:absolute;right:-32px;top:-55px;width:190px;height:320px;transform:rotate(39deg);border-left:20px solid #0b4b80;background:linear-gradient(90deg,#101f43 0 49%,#12b9e7 50% 100%);opacity:.94}.contact-card{position:relative;z-index:1;background:#fff;border-radius:20px;margin:-50px 16px 0;padding:0 24px 23px;min-height:410px;box-shadow:0 17px 38px #12244820;text-align:center}.avatar{width:106px;height:106px;border-radius:50%;margin:0 auto;transform:translateY(-50%);margin-bottom:-43px;display:grid;place-items:center;overflow:hidden;border:5px solid #fff;box-shadow:0 0 0 2px #16b8e5;background:#e7f5fa;color:#21779a;font-size:26px;font-weight:700}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.identity h1{font-size:26px;letter-spacing:-.6px;color:#0a142d;margin:0}.role{margin:5px 0 0;color:#62738e;font-size:16px;line-height:1.35}.company{margin:6px 0 0;color:#2780a3;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1.2px}.accent-line{display:block;margin:13px auto 20px;width:42px;height:4px;background:#16b8e5;border-radius:9px}.contact-actions{display:grid;gap:8px;text-align:left}.contact-action{min-height:48px;padding:8px 12px;display:flex;align-items:center;gap:11px;border-radius:11px;background:#f3f6fa;color:#14264d;text-decoration:none;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.action-icon{width:31px;height:31px;flex:none;border-radius:50%;display:grid;place-items:center;background:#169fe0;color:#fff;font-size:14px;font-weight:700}.contact-action>span:nth-child(2){flex:1}.arrow{font-size:23px;color:#7290b4;line-height:1}.quick-actions{display:flex;gap:9px;margin-top:13px}.quick-action{flex:1;min-height:44px;padding:8px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:#0a142d;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.quick-action.call{background:#13b8e9}.quick-action.linkedin{background:#fff;color:#14569b;border:1px solid #4a9de2}.save-contact{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:10px;background:#13b8e9;color:#fff;font:700 14px Arial;cursor:pointer}.save-contact:hover{background:#079fce}.save-contact span{font-size:19px;vertical-align:-1px;margin-right:6px}.card-tagline{margin:17px 0 0;color:#8190a6;font-size:9px;letter-spacing:1.5px}footer{height:58px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6e7c90;font-size:10px;letter-spacing:.7px}footer:first-letter{font-weight:700;color:#1b2f5e}@media(max-width:560px){.topbar{height:66px}.topbar img{width:174px;max-height:50px}main{padding:18px 0 35px;min-height:calc(100vh - 118px)}.contact-page{width:100%}.hero-banner{height:184px;border-radius:0;padding:24px 22px}.hero-banner p{font-size:18px}.contact-card{margin:-42px 13px 0;padding:0 19px 21px;border-radius:19px;min-height:0}.avatar{width:98px;height:98px;font-size:24px;margin-bottom:-40px}.identity h1{font-size:24px}.role{font-size:15px}.accent-line{margin:12px auto 17px}.contact-action{min-height:47px;font-size:12px}.quick-actions{gap:7px}.quick-action{font-size:11px;min-height:42px}footer{height:52px}}
.save-contact{display:flex;align-items:center;justify-content:center;text-decoration:none}

/* Menu « Découvrir TimLead » : modules, cas d'usage, démo */
.discover{margin:18px 0 6px;text-align:left;display:grid;gap:8px}
.discover details{border:1px solid #e3e8f2;border-radius:14px;background:#f7f9fc;overflow:hidden}
.discover summary{cursor:pointer;padding:12px 14px;font-weight:600;color:#0a142d;list-style:none;display:flex;justify-content:space-between}
.discover summary::-webkit-details-marker{display:none}
.discover summary::after{content:"+";color:#2f6bff;font-weight:700}
.discover details[open] summary::after{content:"−"}
.module-list{list-style:none;margin:0;padding:0 8px 8px}
.module-list a{display:flex;flex-direction:column;gap:2px;padding:9px 8px;border-radius:10px;color:#0a142d;text-decoration:none}
.module-list a:hover{background:#eaf0ff}
.module-list small{color:#5b6680;font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #d7deeb;color:#24304d;text-decoration:none}
.chip:hover{border-color:#2f6bff;color:#2f6bff}
.discover-more,.demo-link{display:block;padding:0 14px 12px;font-size:13px;color:#2f6bff;text-decoration:none;font-weight:600}
.demo-link{padding:12px 14px;border-radius:14px;background:#0a142d;color:#fff;text-align:center}