
/* KAAYXOL IA V0.2 L2 R1 - extension UX, en complément de app.css */
.kx-l2-hero{background:linear-gradient(145deg,#fff,#f7faf9);border:1px solid var(--line);border-radius:24px;padding:36px;margin-bottom:22px;box-shadow:0 12px 36px rgba(31,46,58,.05)}
.kx-l2-hero.kx-compact{padding:30px 34px}.kx-l2-hero h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em;line-height:1.02;margin:.25rem 0 .8rem}.kx-l2-hero p{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:850px}
.kx-l2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.kx-l2-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.kx-l2-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:inherit;text-decoration:none;min-height:180px;box-shadow:0 8px 25px rgba(31,46,58,.04);transition:.18s}.kx-l2-tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(31,46,58,.09)}.kx-l2-tile>span{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.1em}.kx-l2-tile h2{margin:.55rem 0}.kx-l2-tile p{color:var(--muted);line-height:1.55}
.kx-l2-zero{margin-top:22px;background:var(--ink);color:#fff;border-radius:20px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.kx-l2-zero p{color:#cdd5da;margin:.35rem 0 0;line-height:1.5}.kx-l2-mini{background:rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;white-space:nowrap}.kx-l2-mini span,.kx-l2-mini strong{display:block}.kx-l2-mini span{font-size:.72rem;color:#cdd5da}.kx-white{background:#fff!important;color:var(--ink)!important}
.kx-l2-prompt{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:7px;margin-top:24px}.kx-l2-prompt input{flex:1;border:0;outline:0;padding:12px;font:inherit;min-width:0}.kx-l2-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.kx-l2-chips span{padding:7px 10px;background:#eef3f3;border-radius:999px;font-size:.78rem;color:#52606b}
.kx-l2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kx-l2-detail{color:#4f5d68;line-height:1.65;padding-top:10px}.kx-featured{border:2px solid var(--ink)}.kx-price{font-size:2rem;font-weight:850;margin:.7rem 0}.kx-price small{font-size:.85rem;color:var(--muted)}
.kx-label{display:block;font-weight:700;font-size:.83rem;margin:12px 0}.kx-label input{display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid #ccd5d9;border-radius:10px;font:inherit}.kx-result{background:#f4f7f8;border-radius:12px;padding:14px;margin-top:14px;line-height:1.65}
@media(max-width:900px){.kx-l2-grid{grid-template-columns:1fr 1fr}.kx-l2-hub{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kx-l2-grid,.kx-l2-hub{grid-template-columns:1fr}.kx-l2-hero,.kx-l2-hero.kx-compact{padding:24px 19px}.kx-l2-prompt,.kx-l2-zero{flex-direction:column;align-items:stretch}}
