.cx{background:var(--toile);grid-template-columns:minmax(420px,46%) minmax(0,1fr);min-height:100dvh;display:grid}.cx-nuit{height:100dvh;color:var(--sur-nuit);background:radial-gradient(70% 55% at 85% 12%, color-mix(in oklab, var(--lia-b) 42%, transparent), transparent 70%), radial-gradient(60% 50% at 10% 95%, color-mix(in oklab, var(--lia-a) 30%, transparent), transparent 70%), var(--nuit);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 48px;display:flex;position:sticky;top:0;overflow:hidden}.cx-nuit:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.cx-nuit>*{z-index:1;position:relative}.cx-nuit__scene{flex:1;place-items:center;display:grid}.cx-appel{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;width:min(400px,100%);padding:18px 20px 20px;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -20px #0000008c}.cx-appel__tete{font-size:var(--t-13);font-weight:var(--g-moyen);align-items:center;gap:8px;display:flex}.cx-appel__voyant{background:var(--vert);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--vert) 22%, transparent);border-radius:50%}.cx-appel__onde{width:100%;margin:18px 0 14px;display:flex}.cx-appel__texte{font-size:var(--t-14);color:color-mix(in oklab, var(--sur-nuit) 86%, transparent);line-height:1.55}.cx-nuit__titre{font-size:var(--t-32);font-weight:var(--g-fort);letter-spacing:-.03em;line-height:1.12}.cx-nuit__texte{max-width:420px;font-size:var(--t-14);color:color-mix(in oklab, var(--sur-nuit) 80%, transparent);margin-top:12px;line-height:1.55}.cx-principal{place-items:center;padding:48px 24px;display:grid}.cx-colonne{flex-direction:column;gap:20px;width:min(360px,100%);display:flex}.cx-colonne--large{width:min(440px,100%)}.cx-entete{flex-direction:column;gap:6px;display:flex}.cx-titre{font-size:var(--t-24);font-weight:var(--g-fort);letter-spacing:-.02em}.cx-texte{color:var(--texte-2);font-size:var(--t-14);line-height:1.5}.cx-texte--petit{font-size:var(--t-12);color:var(--texte-3);margin-bottom:10px}.cx-formulaire{flex-direction:column;gap:20px;display:flex}.cx-dev{border-top:1px solid var(--ligne);flex-direction:column;gap:10px;padding-top:20px;display:flex}.cx-dev__tete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cx-dev__titre{font-size:var(--t-13);font-weight:var(--g-moyen);align-items:center;gap:6px;display:flex}.cx-dev__pastille{border-radius:var(--r-xs);background:var(--ambre-fond);height:20px;color:var(--ambre-texte);font-size:var(--t-11);font-weight:var(--g-moyen);align-items:center;gap:4px;padding:0 7px;display:inline-flex}.cx-demos{border-radius:var(--r-l);background:var(--surface);box-shadow:var(--el-1);flex-direction:column;display:flex;overflow:hidden}.cx-demos>form+form{border-top:1px solid var(--ligne)}.cx-demo{width:100%;color:var(--texte);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.cx-demo:hover{background:var(--surface-survol)}.cx-demo:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cx-demo__icone{border-radius:var(--r-m);background:var(--accent-doux);width:30px;height:30px;color:var(--accent-texte);place-items:center;display:inline-grid}.cx-demo__textes{flex-direction:column;min-width:0;display:flex}.cx-demo__textes strong{font-size:var(--t-13);font-weight:var(--g-moyen)}.cx-demo__textes span{text-overflow:ellipsis;white-space:nowrap;color:var(--texte-3);font-size:var(--t-12);overflow:hidden}.cx-demo__fleche{color:var(--texte-4)}@media (max-width:960px){.cx{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.cx-nuit{flex-direction:row;align-items:center;height:auto;padding:18px 20px;position:relative}.cx-nuit__scene,.cx-nuit__textes{display:none}.cx-principal{place-items:start center;padding:28px 20px 40px}}@media (prefers-reduced-motion:reduce){.cx-appel{-webkit-backdrop-filter:none;backdrop-filter:none}}