/* Shared Zen AI styles for secondary pages (consultation, tarifs, demo, etc.). */
html{background:#070A12} body{background:transparent;font-family:'Inter',sans-serif;color:#EAF0FF;margin:0}
#mtx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.font-display{font-family:'Sora',sans-serif;letter-spacing:-.01em}
.grad{background:linear-gradient(110deg,#4F8CFF,#22D3EE)} .grad-text{background:linear-gradient(110deg,#7DA8FF,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent}
.glow{position:relative;overflow:hidden}
.glow::before{content:"";position:absolute;width:760px;height:760px;left:-15%;top:-45%;background:radial-gradient(circle,rgba(79,140,255,.22),transparent 62%);pointer-events:none;z-index:0}
.card{background:linear-gradient(160deg,#10162600,#0F1422);border:1px solid #222A3D;border-radius:16px}
.field{width:100%;background:#070A12;border:1px solid #222A3D;border-radius:10px;padding:.7rem .9rem;color:#EAF0FF;font-size:15px}
.field:focus{outline:none;border-color:#4F8CFF}
.btn-accent{background:linear-gradient(110deg,#4F8CFF,#22D3EE);color:#04111f;font-weight:700;border:none;cursor:pointer} .btn-accent:hover{filter:brightness(1.08)} .btn-accent:disabled{opacity:.55}
.btn-ghost{border:1px solid #222A3D;color:#EAF0FF} .btn-ghost:hover{border-color:#4F8CFF}
.chip{border:1px solid #222A3D;border-radius:999px;padding:5px 12px;font-size:12px;color:#8B93A7}
.feat{background:#0F1422;border:1px solid #222A3D;border-radius:14px;padding:18px}
.feat .ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(79,140,255,.12);color:#7DA8FF;margin-bottom:10px}
::selection{background:#4F8CFF;color:#04111f}
.text-mute{color:#8B93A7} .text-accent{color:#4F8CFF} .text-ink{color:#EAF0FF}
/* page transitions */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtout .22s ease both} ::view-transition-new(root){animation:vtin .34s ease both}
@keyframes vtout{to{opacity:0;transform:translateY(-6px)}} @keyframes vtin{from{opacity:0;transform:translateY(10px)}}
/* calendar (consultation) */
.cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .cal-top button{padding:4px 10px;border:1px solid #222A3D;border-radius:8px;color:#EAF0FF;background:transparent;cursor:pointer} .cal-top span{font-weight:600}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px} .cal-dow{text-align:center;font-size:11px;color:#8B93A7;padding:4px 0}
.cal-day{padding:8px 0;border-radius:8px;border:1px solid #222A3D;background:#070A12;color:#EAF0FF;font-size:13px;cursor:pointer} .cal-day:hover:not(.dis){border-color:#4F8CFF}
.cal-day.dis{opacity:.28;cursor:not-allowed} .cal-day.sel{background:linear-gradient(110deg,#4F8CFF,#22D3EE);color:#04111f;border-color:transparent;font-weight:700}
.slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .slot{padding:8px 12px;border:1px solid #222A3D;border-radius:8px;background:#070A12;color:#EAF0FF;font-size:13px;cursor:pointer} .slot:hover{border-color:#4F8CFF} .slot.sel{background:linear-gradient(110deg,#4F8CFF,#22D3EE);color:#04111f;border-color:transparent;font-weight:700}
/* shared header */
.zhead{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(7,10,18,.8);border-bottom:1px solid #222A3D}
.zhead .in{max-width:1080px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.zbrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#EAF0FF}
.zbrand .logo{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#04111f}
.znav{display:flex;align-items:center;gap:22px;font-size:14px}
.znav a{color:#8B93A7;text-decoration:none} .znav a:hover,.znav a.on{color:#EAF0FF}
@media(max-width:720px){.znav{display:none}}
.zlang{display:flex;gap:6px;border:1px solid #222A3D;border-radius:999px;padding:3px 6px;font-size:12px;cursor:pointer}
.zlang span{padding:2px 6px;border-radius:999px}
.zfoot{border-top:1px solid #222A3D;margin-top:40px} .zfoot .in{max-width:1080px;margin:0 auto;padding:26px 20px;color:#8B93A7;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
