.oa{--acc:var(--f-creation);--acc-ink:var(--f-creation-ink);--oa-tint:color-mix(in srgb,var(--acc) 11%,var(--c-card-bg));--oa-tint-strong:color-mix(in srgb,var(--acc) 20%,var(--c-card-bg));--oa-ease:cubic-bezier(.2,.8,.2,1);--oa-out:cubic-bezier(.16,1,.3,1);margin:auto;width:min(720px,calc(100vw - 32px));max-width:none;max-height:min(900px,calc(100dvh - 32px));padding:0;border:0;border-radius:24px;background:transparent;color:var(--c-text);overflow:visible}.oa[data-branche=refaire]{--acc:var(--f-refonte);--acc-ink:var(--f-refonte-ink)}.oa[data-branche=suivre]{--acc:var(--f-suivi);--acc-ink:var(--f-suivi-ink)}.oa[data-branche=probleme]{--acc:var(--f-ponctuel);--acc-ink:var(--f-ponctuel-ink)}.oa::backdrop{background:#1212128c;backdrop-filter:blur(4px)}.oa[open]{animation:oa-open .4s var(--oa-ease)}.oa[open]::backdrop{animation:oa-fade .3s ease}@keyframes oa-open{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes oa-fade{0%{opacity:0}}.oa-panel{position:relative;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;background:var(--c-card-bg);border-radius:24px;box-shadow:0 40px 80px -30px #00000080}.oa-head{position:relative;padding:1.6rem 1.8rem 1.3rem;border-bottom:1px solid var(--c-border);background:var(--c-bg-alt)}.oa-head h2{font-size:clamp(1.3rem,3.4vw,1.65rem);line-height:1.2;letter-spacing:-.02em;color:var(--c-ink);margin:0 2.6rem 0 0;text-wrap:balance}.oa-kicker{margin:.5rem 2.6rem 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.oa-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:0;border-radius:50%;background:var(--c-card-bg);color:var(--c-ink);cursor:pointer;transition:background .2s,transform .2s}.oa-close:before,.oa-close:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:currentColor}.oa-close:before{transform:rotate(45deg)}.oa-close:after{transform:rotate(-45deg)}.oa-close:hover{background:var(--oa-tint-strong);transform:rotate(90deg)}.oa-close:focus-visible,.oa-btn:focus-visible,.oa-btn-ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 45%,transparent);outline-offset:3px}.oa-body{padding:1.6rem 1.8rem 1.8rem}.oa-progress{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--c-muted);font-variant-numeric:tabular-nums}.oa-track{flex:1;height:8px;border-radius:99px;background:var(--oa-tint);overflow:hidden}.oa-fill{position:relative;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 65%,#fff),var(--acc));transition:width .5s var(--oa-ease);overflow:hidden}.oa-cheer{min-height:1.4em;margin:.35rem 0 1.1rem;font-size:.84rem;font-weight:700;color:var(--acc-ink)}.oa-q{border:0;padding:0;margin:0;min-width:0}.oa-q legend{padding:0;margin-bottom:.35rem;font-size:1.3rem;font-weight:750;line-height:1.25;letter-spacing:-.01em;color:var(--c-ink)}.oa-hint{margin:0 0 1rem;font-size:.9rem;color:var(--c-muted)}.oa-q legend+.oa-options{margin-top:.8rem}.oa-options{display:grid;gap:.6rem}.oa-cols{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.oa-opt{position:relative;display:flex;align-items:center;gap:.85rem;padding:.8rem .95rem;border:1.5px solid var(--c-border);border-radius:14px;background:var(--c-card-bg);cursor:pointer;transition:border-color .2s,background .2s,transform .2s var(--oa-ease),box-shadow .2s;animation:oa-pop .45s var(--oa-ease) both}.oa-opt:hover{border-color:color-mix(in srgb,var(--acc) 50%,transparent);transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--acc) 16%,transparent)}.oa-opt:active{transform:scale(.985)}.oa-opt input{position:absolute;opacity:0;pointer-events:none}.oa-opt:has(input:checked){border-color:var(--acc);background:var(--oa-tint)}.oa-opt:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--acc) 45%,transparent);outline-offset:2px}.oa-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--oa-tint);color:var(--acc);transition:background .25s,color .25s,transform .35s var(--oa-out)}.oa-ico .sx-icon{width:23px;height:23px}.oa-num{font-size:1.05rem;font-weight:800}.oa-opt:hover .oa-ico{transform:rotate(-6deg) scale(1.06)}.oa-opt:has(input:checked) .oa-ico{background:var(--acc);color:#fff}.oa-txt{flex:1;min-width:0}.oa-txt strong{display:block;font-weight:650;line-height:1.3;color:var(--c-ink)}.oa-txt small{display:block;margin-top:.1rem;font-size:.84rem;line-height:1.4;color:var(--c-muted)}.oa-tick{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c-muted) 45%,transparent);transition:transform .25s var(--oa-out),background .2s,border-color .2s}.oa-opt input[type=checkbox]~.oa-tick{border-radius:7px}.oa-tick svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s .05s var(--oa-ease)}.oa-opt:has(input:checked) .oa-tick{background:var(--acc);border-color:var(--acc);transform:scale(1.1)}.oa-opt:has(input:checked) .oa-tick svg{stroke-dashoffset:0}.oa-cols .oa-opt{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.95rem}.oa-cols .oa-tick{position:absolute;top:.7rem;right:.7rem}@keyframes oa-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.oa textarea{display:block;width:100%;min-height:120px;padding:13px 16px;border:1.5px solid var(--c-border);border-radius:12px;background:var(--c-card-bg);color:var(--c-ink);font:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.oa textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent)}.oa-count{margin:.35rem 0 0;text-align:right;font-size:.78rem;color:var(--c-muted);font-variant-numeric:tabular-nums}.oa-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.5rem}.oa-nav-top{justify-content:flex-start;margin-top:1rem}.oa-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border:0;border-radius:99px;background:var(--acc);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--acc) 35%,transparent);transition:background .2s,transform .15s,opacity .2s,box-shadow .2s}.oa-btn:hover{background:#000}.oa-btn:hover .oa-arr{transform:translate(4px)}.oa-btn:active{transform:scale(.96)}.oa-btn:disabled{background:var(--c-border);color:var(--c-muted);cursor:not-allowed;box-shadow:none}.oa-arr{transition:transform .2s var(--oa-ease)}.oa-btn-ghost{padding:.6rem .2rem;border:0;background:transparent;color:var(--c-muted);font:inherit;font-weight:600;cursor:pointer}.oa-btn-ghost:hover{color:var(--c-ink)}.oa-fwd{animation:oa-in-r .45s var(--oa-ease)}.oa-back{animation:oa-in-l .45s var(--oa-ease)}@keyframes oa-in-r{0%{opacity:0;transform:translate(26px)}}@keyframes oa-in-l{0%{opacity:0;transform:translate(-26px)}}.oa-reco{position:relative;overflow:hidden;padding:1.5rem;border-radius:20px;color:#fff;background:var(--acc);animation:oa-rise .6s var(--oa-ease) both}.oa-reco>*{position:relative;z-index:1}@keyframes oa-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}}.oa-reco-top{display:flex;align-items:center;gap:.9rem}.oa-reco-ico{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#ffffff2e;animation:oa-bounce .8s .2s var(--oa-out) both}.oa-reco-ico .sx-icon{width:28px;height:28px}@keyframes oa-bounce{0%{transform:scale(0) rotate(-20deg)}}.oa-badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;background:#fff3;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.oa-reco h3{margin:.2rem 0 0;font-size:1.6rem;line-height:1.15;letter-spacing:-.02em;color:#fff;outline:none}.oa-desc{margin:.9rem 0 0;max-width:52ch;opacity:.93}.oa-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-top:1rem}.oa-price{margin:0;font-size:2.3rem;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.oa-price small{font-size:.9rem;font-weight:500;letter-spacing:0;opacity:.8}.oa-price-alt{padding:.3rem .75rem;border-radius:99px;background:#ffffff29;font-size:.88rem}.oa-why{display:grid;gap:.55rem;margin:1.2rem 0 0;padding:0;list-style:none}.oa-why li{position:relative;padding:.7rem .9rem .7rem 2.5rem;border-radius:12px;background:var(--oa-tint);color:var(--c-ink);line-height:1.45;animation:oa-pop .5s var(--oa-ease) both}.oa-why li:before{content:"";position:absolute;left:.95rem;top:.95rem;width:10px;height:6px;border-left:2.5px solid var(--acc);border-bottom:2.5px solid var(--acc);transform:rotate(-45deg)}.oa h4,.oa-send h3{margin:1.5rem 0 .6rem;font-size:1rem;letter-spacing:-.01em;color:var(--c-ink)}.oa-alt{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1.5px dashed color-mix(in srgb,var(--acc) 40%,transparent);border-radius:14px}.oa-alt b{color:var(--c-ink)}.oa-alt small{display:block;color:var(--c-muted);font-size:.84rem;line-height:1.4}.oa-alt>span{flex:none;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.oa-alt>span small{display:inline}.oa-todo{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;counter-reset:oa}.oa-todo li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45}.oa-todo li:before{counter-increment:oa;content:counter(oa);flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--oa-tint-strong);color:var(--acc-ink);font-size:.8rem;font-weight:800}.oa-recap{margin-top:1.2rem;font-size:.88rem}.oa-recap summary{cursor:pointer;font-weight:650;color:var(--c-ink)}.oa-recap dl{display:grid;gap:.1rem;margin:.6rem 0 0;padding:.8rem 1rem;border-radius:12px;background:var(--c-bg-alt)}.oa-recap dt{margin-top:.45rem;color:var(--c-muted)}.oa-recap dt:first-child{margin-top:0}.oa-recap dd{margin:0;color:var(--c-ink);white-space:pre-wrap}.oa-more{display:inline-block;margin-top:1rem;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.oa-more:hover{text-decoration-thickness:2px}.oa-note{margin:1rem 0 0;font-size:.8rem;color:var(--c-muted)}.oa-send{margin:0 1.8rem 1.8rem;padding:1.3rem;border-radius:18px;background:var(--oa-tint)}.oa-send h3{margin-top:0}.oa-send .oa-hint{margin-bottom:1rem}.oa-send-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.oa-send .form-field{margin:0}.oa-send .form-check{margin-top:1rem}.oa-send .oa-nav{margin-top:1.1rem;justify-content:flex-end}@media(max-width:600px){.oa{width:100vw;max-height:100dvh;margin:auto 0 0;border-radius:22px 22px 0 0}.oa-panel{border-radius:22px 22px 0 0;max-height:94dvh}.oa[open]{animation-name:oa-sheet}@keyframes oa-sheet{0%{transform:translateY(40px);opacity:0}}.oa-head{padding:1.3rem 1.1rem 1.1rem}.oa-body{padding:1.2rem 1.1rem 1.4rem}.oa-send{margin:0 1.1rem 1.4rem;padding:1.1rem}.oa-send-grid{grid-template-columns:1fr}.oa-alt{flex-direction:column;align-items:flex-start}.oa-price{font-size:2rem}}@media(prefers-reduced-motion:reduce){.oa *,.oa *:before,.oa *:after,.oa[open],.oa[open]::backdrop{animation:none!important;transition:none!important}.oa-tick svg{stroke-dashoffset:0}}.oa-optional{font-weight:400;color:var(--c-muted)}