@layer components{:root{--pink-ink:#a0167f;--violet-ink:#7a0fd0;--orange-ink:#a3440f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--pink-ink:#f5a3e2;--violet-ink:#cda6ff;--orange-ink:#ffaa7a}}:root[data-theme=dark]{--pink-ink:#f5a3e2;--violet-ink:#cda6ff;--orange-ink:#ffaa7a}.picto{border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.picto svg{stroke-width:1.8px;width:24px;height:24px}.picto-sm{border-radius:12px;width:38px;height:38px}.picto-sm svg{width:19px;height:19px}.picto-blue{background:var(--sky);color:var(--blue-deep)}.picto-violet{background:var(--lilac);color:var(--violet-ink)}.picto-orange{background:var(--peach);color:var(--orange-ink)}.picto-pink{background:var(--rose);color:var(--pink-ink)}.picto-grad{background:var(--grad-ico);color:#fff;box-shadow:0 10px 24px -14px #6234ffcc}.bg-soft{isolation:isolate;position:relative;overflow-x:clip}.bg-soft:before{content:"";z-index:-1;pointer-events:none;filter:blur(30px);opacity:.9;background:radial-gradient(closest-side,#dce6ffd9,#0000) 8% 20%/46% 70% no-repeat,radial-gradient(closest-side,#f1e3ffd9,#0000) 62% 0/44% 70% no-repeat,radial-gradient(closest-side,#ffe7dad9,#0000) 96% 60%/40% 70% no-repeat;height:520px;position:absolute;inset:-40px -10% auto}:root[data-theme=dark] .bg-soft:before{opacity:.12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bg-soft:before{opacity:.12}}.ph-card{isolation:isolate;background:var(--bg-2);border-radius:28px;position:relative;overflow:hidden}.ph-card>img{object-fit:cover;width:100%;height:100%;display:block}.ph-card:after{content:"";mix-blend-mode:multiply;opacity:.6;background:linear-gradient(200deg, transparent 35%, var(--teinte,#1f4fe0) 100%);pointer-events:none;position:absolute;inset:0}.tint-blue{--teinte:#1f4fe0}.tint-violet{--teinte:#7b1fe0}.tint-orange{--teinte:#e0551f}.aplat{border-radius:24px;justify-content:center;align-items:safe flex-end;padding-top:clamp(14px,7%,44px);display:flex;position:relative;overflow:hidden}.aplat>img{flex:none;width:110%;max-width:none;height:auto}.tone-blue{background:#2e67ff}.tone-orange{background:#ff6c35}.flottant{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:18px}.chiffre{font-family:var(--f-display);letter-spacing:-.04em;font-size:clamp(40px,5vw,64px);font-weight:600;line-height:.95}.contact-color{color:#1b0d06;background:#ff6c35;border-radius:32px;position:relative;overflow:hidden}.contact-color:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 90% 10%,#ffffff59,#0000 60%);position:absolute;inset:0}.contact-color a:not(.btn){color:inherit}.choix{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 18px;display:grid;position:relative}.choix:hover{border-color:var(--blue)}.choix:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.choix:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue), var(--shadow-soft)}.choix input{opacity:0;pointer-events:none;position:absolute}.choix .coche{border:1.5px solid var(--line-2);color:#0000;border-radius:99px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12px;right:12px}.choix:has(input:checked) .coche{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}.progression{background:var(--bg-2);border-radius:99px;height:6px;overflow:hidden}.progression>span{background:var(--grad-btn);height:100%;transition:width .25s var(--ease);border-radius:99px;display:block}}