/* ---------- assistant ---------- */
.ai{background:radial-gradient(60% 50% at 75% 45%,rgba(94,92,230,.22),transparent 70%),radial-gradient(40% 40% at 85% 70%,rgba(43,181,255,.16),transparent 70%),#000;color:#f5f5f7;overflow:hidden}
.ai .lead{color:var(--subd)}
.ai-g{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.orb-xl{position:relative;width:76px;height:76px;margin-bottom:26px}
.orb-xl i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ff6bd6,#5e8bff,#3ee0ff,#a77bff,#ff6bd6);filter:blur(1px);animation:orb 6s linear infinite}
.orb-xl i:nth-child(2){inset:8px;filter:blur(8px);opacity:.8;animation-duration:9s;animation-direction:reverse}
.orb-xl i:nth-child(3){inset:-14px;filter:blur(26px);opacity:.55;animation-duration:12s}
@keyframes orb{to{transform:rotate(360deg)}}
.ai-l{list-style:none;margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}
.ai-l b{display:block;font-size:18px;letter-spacing:-.015em;margin-bottom:4px}.ai-l span{color:var(--subd);font-size:15.5px;line-height:1.45}
.ai-dev{position:relative;border-radius:40px;padding:22px;background:linear-gradient(160deg,#1c1c1e,#0d0d0f);box-shadow:inset 0 0 0 1.5px #2c2c2e,0 40px 90px -30px rgba(94,92,230,.45);min-height:540px}
.isl{position:absolute;left:50%;top:18px;transform:translateX(-50%);height:38px;min-width:120px;max-width:86%;border-radius:999px;background:#000;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:650;color:#f5f5f7;overflow:hidden;white-space:nowrap;transition:min-width .6s var(--spring),max-width .6s var(--spring),height .6s var(--spring);z-index:2;box-shadow:0 0 0 1px #2c2c2e}
.isl span{opacity:0;transition:opacity .3s .15s}.isl.open{min-width:330px}.isl.open span{opacity:1}
.isl-o{width:18px;height:18px;border-radius:50%;flex:none;background:conic-gradient(#ff6bd6,#5e8bff,#3ee0ff,#a77bff,#ff6bd6);animation:orb 4s linear infinite}
.ai-p{margin-top:56px;background:rgba(255,255,255,.04);border-radius:26px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ai-h{display:flex;align-items:center;gap:12px;padding:4px 4px 14px}.ai-h b{display:block;font-size:17px}.ai-h span{font-size:13.5px;color:var(--subd)}
.orb-s{position:relative;width:34px;height:34px;flex:none}.orb-s i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ff6bd6,#5e8bff,#3ee0ff,#a77bff,#ff6bd6);animation:orb 5s linear infinite;box-shadow:0 0 18px rgba(94,139,255,.6)}
.ai-cards{display:flex;flex-direction:column;gap:10px}
.aic{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.07);transition:opacity .5s var(--ease),transform .6s var(--spring)}
.aic.enter{opacity:0;transform:translateY(16px) scale(.97)}.aic.leave{opacity:0;transform:translateX(30px) scale(.96)}
.aic.hot{box-shadow:inset 0 0 0 1.5px var(--k)}
.aic i{width:34px;height:34px;border-radius:11px;background:var(--k);flex:none;display:grid;place-items:center}.aic i svg{width:18px;height:18px;color:#fff}
.aic div{flex:1;min-width:0}.aic small{display:block;font-size:12.5px;font-weight:700;color:var(--k)}.aic b{display:block;font-size:15px;font-weight:650}.aic span{display:block;font-size:12.5px;color:var(--subd)}
.aic em{font-style:normal;padding:8px 13px;border-radius:999px;background:var(--k);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
@media (max-width:900px){.ai-g{grid-template-columns:1fr}.ai-l{grid-template-columns:1fr}}

/* ---------- essayer l'écran cuisine ---------- */
.try{background:#0a0b0d;color:#f4f5f7}.try .lead{color:var(--subd)}
.kd-demo{position:relative;margin-top:44px;border-radius:28px;background:#000;box-shadow:inset 0 0 0 1px #23262c,0 40px 90px -40px rgba(43,181,255,.35);padding:18px;overflow:hidden;font-variant-numeric:tabular-nums}
.kd-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 4px 14px}.kd-top b{font-size:20px;margin-right:6px}.kd-top .sp{flex:1}
.kd-c{padding:6px 12px;border-radius:999px;background:#16181c;font-size:14px;font-weight:650}
.btn.sm{height:40px;padding:0 18px;font-size:15px}
.kd-body{display:grid;grid-template-columns:minmax(260px,34%) 1fr;gap:14px;min-height:380px}
.kd-cnt{background:#16181c;border-radius:18px;padding:12px 14px;align-self:start}.kd-lb{font-size:13px;font-weight:700;color:#a3a9b3;padding:2px 2px 6px}
.kr{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:8px 2px;border-top:1px solid #23262c}.kr:first-child{border-top:0}
.kr b{font-size:40px;font-weight:900;text-align:right;line-height:1}.kr span{font-size:18px;font-weight:700}.kr.bump b{animation:bump .6s var(--spring)}
@keyframes bump{40%{transform:scale(1.25);color:#5be08a}}
.kd-tix{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-content:start}
.kt2{background:#16181c;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s,transform .35s var(--ease)}
.kt2.in{animation:kin .55s var(--ease) both}@keyframes kin{from{opacity:0;transform:translateY(16px) scale(.95)}}
.kt2.out{opacity:0;transform:translateY(-12px) scale(.92)}
.kt2 header{display:flex;justify-content:space-between;padding:9px 12px;background:#2a2e35;font-weight:900;font-size:17px}.kt2.alg header{background:#ff4fa3;color:#1a0010}
.kt2 p{padding:9px 12px;font-size:15px;font-weight:650;line-height:1.5}
.kt2 button{margin:auto 9px 9px;height:42px;border-radius:12px;background:#1f3a28;color:#9af0b8;font:700 15px var(--font);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.kt2 kbd{font:800 12px var(--font);padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.12)}
.kd-ov{position:absolute;inset:0;background:rgba(5,6,8,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer;animation:fade .25s ease both}
@keyframes fade{from{opacity:0}}
.kd-ov .cd{width:min(640px,100%);background:#16181c;border-radius:24px;overflow:hidden;box-shadow:0 0 0 3px var(--e),0 30px 70px -20px #000;animation:pop .56s var(--ease) both}
.kd-ov header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--e);color:#04101f;flex-wrap:wrap}.kd-ov header span{padding:5px 10px;border-radius:8px;background:#04101f;color:var(--e);font-size:12px;font-weight:900;letter-spacing:.05em}.kd-ov header b{font-size:40px;font-weight:900;line-height:1}
.kd-ov .ls{padding:16px 20px;display:flex;flex-direction:column;gap:6px}.kd-ov .ls b{font-size:28px;font-weight:800}.kd-ov .ls em{font-style:normal;color:#ffc44d;font-weight:800;font-size:18px}
.kd-ov .al{margin:0 20px;padding:10px 14px;border-radius:12px;background:#ff4fa3;color:#1a0010;font-weight:900}
.kd-ov footer{padding:12px 20px 16px;color:#a3a9b3;font-size:14px;font-weight:650}.kd-ov .bar{height:8px;border-radius:4px;background:#2a2e35;overflow:hidden;margin-bottom:8px}.kd-ov .bar i{display:block;height:100%;width:100%;background:var(--e);animation:drain 5s linear forwards}
.kd-ov.gone{animation:none;opacity:0;transition:opacity .35s}
.kd-ov[hidden]{display:none}
@media (max-width:760px){.kd-body{grid-template-columns:1fr}}


@keyframes pop{0%{opacity:0;transform:translateY(26px) scale(.9)}60%{opacity:1;transform:translateY(-3px) scale(1.012)}100%{opacity:1;transform:none}}
@keyframes drain{to{width:0}}