:root{--wz-primary:#818cf8;--wz-primary-dark:#6366f1;--wz-primary-soft:#6366f129;--wz-bg:#060b1a;--wz-surface:#0c1733;--wz-border:#94a3b838;--wz-text:#e7eefc;--wz-text-2:#9fb0d3;--wz-text-3:#7a8ab0;--wz-radius:16px;--wz-topbar-h:58px;--wz-nav-h:80px}.ob-root{background:var(--wz-bg);min-height:100vh;font-family:inherit}.ob-authgate{min-height:100vh;color:var(--wz-text-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.92rem;display:flex}.ob-authgate-spinner{border:3px solid #ffffff1f;border-top-color:var(--wz-accent,#6366f1);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite wz-spin}@keyframes wz-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wz-spin{to{transform:rotate(360deg)}}@keyframes wz-bounce{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wz-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.ob-step-in{animation:.32s ease-out both wz-in}.ob-welcome{background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4f46e5 75%,#7c3aed 100%) 0 0/200% 200%;justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;animation:16s ease-in-out infinite wz-bg-shift;display:flex;position:relative;overflow:hidden}.ob-welcome-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ob-welcome-orb{filter:blur(2px);mix-blend-mode:screen;border-radius:50%;position:absolute}.ob-welcome-orb--1{background:radial-gradient(circle,#a78bfa8c 0%,#0000 65%);width:65%;height:65%;animation:11s ease-in-out infinite wz-float-1;top:-25%;left:-15%}.ob-welcome-orb--2{background:radial-gradient(circle,#6366f173 0%,#0000 65%);width:60%;height:60%;animation:13s ease-in-out infinite wz-float-2;bottom:-25%;right:-15%}.ob-welcome-orb--3{background:radial-gradient(circle,#f77f0059 0%,#0000 65%);width:45%;height:45%;animation:15s ease-in-out infinite wz-float-3;top:30%;left:55%}.ob-welcome-glow{background:radial-gradient(circle,#ffffff1a 0%,#0000 55%);width:90%;height:90%;animation:5s ease-in-out infinite wz-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ob-welcome-spark{bottom:-10%;left:calc(var(--i)*7.2%);width:5px;height:5px;animation:wz-rise calc(9s + var(--i)*1.1s)linear infinite;animation-delay:calc(var(--i)*-.8s);opacity:0;background:#ffffffbf;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ffffff80}@keyframes wz-bg-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes wz-float-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14%,16%)scale(1.25)}}@keyframes wz-float-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-16%,-12%)scale(1.3)}}@keyframes wz-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10%,12%)scale(1.2)}}@keyframes wz-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes wz-rise{0%{opacity:0;transform:translateY(0)scale(.6)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(-115vh)scale(1)}}@media (prefers-reduced-motion:reduce){.ob-welcome{animation:none}.ob-welcome-orb,.ob-welcome-glow,.ob-welcome-spark{opacity:.5;animation:none}}.ob-welcome-content{z-index:1;text-align:center;color:#fff;max-width:620px;position:relative}.ob-logo-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:10px;margin-bottom:32px;padding:10px 22px;display:inline-flex}.ob-logo-chip-img{object-fit:contain;border-radius:6px;width:26px;height:26px}.ob-logo-chip-text{color:#fff;letter-spacing:-.02em;font-size:1.05rem;font-weight:900}.ob-welcome-title{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(28px,6vw,50px);font-weight:900;line-height:1.1}.ob-welcome-accent{color:#fbbf24}.ob-welcome-sub{color:#ffffffd1;max-width:480px;margin:0 auto 36px;font-size:clamp(15px,2.5vw,17px);line-height:1.65}.ob-welcome-features{text-align:left;flex-direction:column;gap:11px;max-width:400px;margin:0 auto 40px;display:flex}.ob-feat{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.ob-link-skip{font:inherit;color:#ffffff80;cursor:pointer;background:0 0;border:none;margin:18px auto 0;padding:6px 10px;font-size:13px;text-decoration:none;transition:color .18s;display:block}.ob-link-skip:hover{color:#fffc}.ob-link-skip--mt{margin-top:10px}.ob-mobile-topbar{z-index:100;background:var(--wz-surface);border-bottom:1px solid var(--wz-border);height:var(--wz-topbar-h);align-items:center;gap:12px;padding:0 16px;display:none;position:sticky;top:0;box-shadow:0 1px 8px #0000000f}@media (max-width:768px){.ob-mobile-topbar{display:flex}}.ob-mobile-topbar-logo{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.ob-topbar-icon-wrap{background:var(--wz-primary-soft);border:1px solid var(--wz-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ob-topbar-wordmark{color:var(--wz-text);letter-spacing:-.02em;font-size:1rem;font-weight:900}.ob-mobile-topbar-progress{background:var(--wz-border);border-radius:999px;flex:1;height:5px;overflow:hidden}.ob-mobile-topbar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .45s}.ob-mobile-topbar-fill[data-step="1"]{width:0%}.ob-mobile-topbar-fill[data-step="2"]{width:14%}.ob-mobile-topbar-fill[data-step="3"]{width:28%}.ob-mobile-topbar-fill[data-step="4"]{width:43%}.ob-mobile-topbar-fill[data-step="5"]{width:57%}.ob-mobile-topbar-fill[data-step="6"]{width:71%}.ob-mobile-topbar-fill[data-step="7"]{width:86%}.ob-mobile-topbar-fill[data-step="8"]{width:100%}.ob-mobile-topbar-step{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.ob-layout{min-height:calc(100vh - var(--wz-topbar-h,0px));grid-template-columns:270px 1fr;display:grid}@media (max-width:768px){.ob-layout{grid-template-columns:1fr}}.ob-sidebar{scrollbar-width:none;background:#1e1b4b;flex-direction:column;gap:28px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.ob-sidebar::-webkit-scrollbar{display:none}@media (max-width:768px){.ob-sidebar{display:none}}.ob-sidebar-logo{opacity:.9;align-items:center;gap:10px;text-decoration:none;transition:opacity .18s;display:flex}.ob-sidebar-logo:hover{opacity:1}.ob-sidebar-icon-box{background:#ffffff26;border:1px solid #fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ob-sidebar-wordmark{color:#e0e7ff;letter-spacing:-.02em;font-size:1rem;font-weight:900}.ob-sidebar-steps{flex-direction:column;gap:4px;display:flex}.ob-sidebar-step{color:#ffffff61;border-radius:8px;align-items:center;gap:10px;padding:7px 4px;font-size:13px;transition:all .2s;display:flex}.ob-sidebar-step--active{color:#fff;background:#ffffff14;padding-left:10px;font-weight:700}.ob-sidebar-step--done{color:#a5b4fc}.ob-sidebar-step-num{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.ob-sidebar-step--active .ob-sidebar-step-num{color:#fff;background:#6366f1}.ob-sidebar-step--done .ob-sidebar-step-num{color:#fff;background:#4f46e5}.ob-sidebar-preview{margin-top:auto}.ob-preview-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:0 0 8px;font-size:10px}.ob-preview-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.ob-preview-banner{background:#6366f1;height:56px;position:relative;overflow:hidden}.ob-preview-banner[data-has-banner=true]{background:0 0}.ob-preview-banner-img{object-fit:cover;width:100%;height:100%}.ob-preview-logo{color:#fff;background:#6366f1;border:2px solid #1e1b4b;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:-19px 0 0 12px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.ob-preview-logo-img{object-fit:cover;width:100%;height:100%}.ob-preview-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:8px 12px 4px;font-size:12px;font-weight:600;overflow:hidden}.ob-preview-cat{color:#ffffff73;padding:0 12px 10px;font-size:10px}.ob-main{background:var(--wz-bg);box-sizing:border-box;width:100%;max-width:700px;padding:32px 36px 100px}@media (max-width:900px){.ob-main{padding:28px 24px 100px}}@media (max-width:768px){.ob-main{max-width:100%;padding:24px 16px 100px}}@media (max-width:400px){.ob-main{padding:16px 12px 100px}}.ob-mobile-steps{display:none}.ob-progress{align-items:center;gap:12px;margin-bottom:28px;display:flex}@media (max-width:768px){.ob-progress{display:none}}.ob-progress-track{background:var(--wz-border);border-radius:999px;flex:1;height:6px;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .4s}.ob-progress-fill[data-step="1"]{width:0%}.ob-progress-fill[data-step="2"]{width:14%}.ob-progress-fill[data-step="3"]{width:28%}.ob-progress-fill[data-step="4"]{width:43%}.ob-progress-fill[data-step="5"]{width:57%}.ob-progress-fill[data-step="6"]{width:71%}.ob-progress-fill[data-step="7"]{width:86%}.ob-progress-fill[data-step="8"]{width:100%}.ob-progress-label{color:#9ca3af;white-space:nowrap;font-size:13px}.ob-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.ob-step{flex-direction:column;gap:22px;display:flex}.ob-step-header{align-items:flex-start;gap:14px;display:flex}.ob-step-num-chip{background:var(--wz-primary-soft);width:40px;height:40px;color:var(--wz-primary);letter-spacing:-.02em;border:1.5px solid #c7d2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.ob-step-titles{flex:1;min-width:0}.ob-step-title{color:var(--wz-text);letter-spacing:-.025em;margin:0 0 5px;font-size:clamp(20px,4vw,26px);font-weight:900;line-height:1.2}.ob-step-sub{color:var(--wz-text-2);margin:0;font-size:14px;line-height:1.5}.ob-step-hint{color:var(--wz-primary);font-weight:700}.ob-optional{color:var(--wz-text-3);font-weight:400}.ob-type-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:420px){.ob-type-grid{grid-template-columns:1fr}}.ob-type-card{background:var(--wz-surface);border:2px solid var(--wz-border);border-radius:var(--wz-radius);cursor:pointer;text-align:left;flex-direction:column;gap:5px;min-height:110px;padding:20px 18px;transition:border-color .2s,box-shadow .18s,transform .15s;display:flex;position:relative}.ob-type-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 6px 20px #6366f121}.ob-type-card--selected{border-color:var(--wz-primary);background:var(--wz-primary-soft);transform:translateY(-1px);box-shadow:0 0 0 4px #6366f124}.ob-type-icon{color:var(--wz-primary);margin-bottom:4px;display:flex}.ob-type-card--selected .ob-type-icon{color:#4338ca}.ob-type-label{color:var(--wz-text);font-size:14px;font-weight:800}.ob-type-desc{color:var(--wz-text-2);font-size:12px;line-height:1.4}.ob-type-check{background:var(--wz-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:none;position:absolute;top:12px;right:12px}.ob-type-card--selected .ob-type-check{display:flex}.ob-cat-grid{flex-wrap:wrap;gap:8px;display:flex}.ob-cat-chip{border:1.5px solid var(--wz-border);background:var(--wz-surface);cursor:pointer;color:var(--wz-text-2);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ob-cat-chip:hover{color:var(--wz-primary);background:var(--wz-primary-soft);border-color:#a5b4fc}.ob-cat-chip--selected{border-color:var(--wz-primary);background:var(--wz-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #6366f140}.ob-section-gap{height:8px}.ob-sub-title{color:var(--wz-text);margin:0;font-size:15px;font-weight:800}.ob-count-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:500px){.ob-count-grid{grid-template-columns:repeat(2,1fr)}}.ob-count-card{background:var(--wz-surface);border:2px solid var(--wz-border);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;gap:4px;padding:16px 10px;transition:all .15s;display:flex}.ob-count-card:hover{border-color:#a5b4fc;transform:translateY(-1px)}.ob-count-card--selected{border-color:var(--wz-primary);background:var(--wz-primary-soft);box-shadow:0 0 0 3px #6366f11f}.ob-count-num{color:var(--wz-text);font-size:16px;font-weight:800}.ob-count-desc{color:var(--wz-text-3);font-size:11px}.ob-label{color:var(--wz-text-2);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.ob-label .ob-input,.ob-label .ob-textarea,.ob-label .ob-phone-wrap{box-sizing:border-box;width:100%}.ob-input,.ob-textarea{border:1.5px solid var(--wz-border);color:var(--wz-text);background:var(--wz-surface);box-sizing:border-box;border-radius:12px;outline:none;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s}.ob-input:focus,.ob-textarea:focus{border-color:var(--wz-primary);box-shadow:0 0 0 3px #6366f11a}.ob-textarea{resize:vertical;min-height:80px}.ob-slug-preview{color:#4f46e5;background:var(--wz-primary-soft);word-break:break-all;border-radius:8px;padding:7px 12px;font-family:Courier New,monospace;font-size:12px}.ob-char-count{color:var(--wz-text-3);text-align:right;margin-top:2px;font-size:11px}.ob-phone-wrap{border:1.5px solid var(--wz-border);background:var(--wz-surface);border-radius:12px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.ob-phone-wrap:focus-within{border-color:var(--wz-primary);box-shadow:0 0 0 3px #6366f11a}.ob-phone-prefix{color:var(--wz-text);border-right:1.5px solid var(--wz-border);white-space:nowrap;background:#4b4c4c;flex-shrink:0;padding:13px 14px;font-size:14px;font-weight:700}.ob-input--phone{flex:1;min-width:0;box-shadow:none!important;border:none!important;border-radius:0!important}.ob-hint-text{color:var(--wz-text-3);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.ob-hint-error{color:#f87171;margin-left:4px}.ob-media-section{flex-direction:column;gap:14px;display:flex}.ob-media-label-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ob-media-title{color:var(--wz-text);font-size:15px;font-weight:700}.ob-media-hint{color:var(--wz-text-3);margin:3px 0 0;font-size:12px}.ob-upload-btn{background:var(--wz-primary-soft);min-height:44px;color:var(--wz-primary);cursor:pointer;white-space:nowrap;border:1.5px solid #c7d2fe;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.ob-upload-btn:hover:not(:disabled){border-color:var(--wz-primary);background:#e0e7ff}.ob-upload-btn:disabled{opacity:.5;cursor:not-allowed}.ob-logo-preview-wrap{display:flex}.ob-logo-preview{object-fit:cover;border:3px solid #fff;border-radius:50%;width:88px;height:88px;box-shadow:0 2px 12px #0000001f}.ob-logo-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:34px;font-weight:800;display:flex;box-shadow:0 2px 12px #6366f14d}.ob-banner-preview{object-fit:cover;border:2px solid var(--wz-border);border-radius:14px;width:100%;height:160px}.ob-banner-placeholder{width:100%;height:160px;color:var(--wz-text-3);background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.ob-banner-placeholder p{text-align:center;max-width:220px;margin:0;line-height:1.5}.ob-file-hidden{display:none}.ob-skip-hint{color:var(--wz-text-3);background:var(--wz-surface);border:1px solid var(--wz-border);border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5}.ob-theme-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (max-width:500px){.ob-theme-grid{grid-template-columns:repeat(2,1fr)}}.ob-theme-card{border:2px solid var(--wz-border);background:var(--wz-surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex;position:relative}.ob-theme-card:hover{border-color:var(--theme-color,var(--wz-primary));box-shadow:0 6px 16px color-mix(in srgb,var(--theme-color,#6366f1)20%,transparent);transform:translateY(-2px)}.ob-theme-card--selected{border-color:var(--theme-color,var(--wz-primary));background:var(--theme-bg,var(--wz-primary-soft));box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-color,#6366f1)18%,transparent);transform:translateY(-1px)}.ob-theme-swatch{background:var(--theme-color,#6366f1);width:40px;height:40px;box-shadow:0 3px 10px color-mix(in srgb,var(--theme-color,#6366f1)35%,transparent);border-radius:50%}.ob-theme-label{color:var(--wz-text-2);font-size:12px;font-weight:700}.ob-theme-check{background:var(--theme-color,#6366f1);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.ob-theme-card--selected .ob-theme-check{opacity:1}.ob-theme-preview{border:1px solid var(--wz-border);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.ob-theme-preview-bar{color:#fff;background:var(--theme-color,#6366f1);padding:12px 18px;font-size:14px;font-weight:800;transition:background .3s}.ob-theme-preview-body{background:var(--theme-bg,#eef2ff);padding:16px 18px;transition:background .3s}.ob-theme-preview-btn{color:#fff;background:var(--theme-color,#6366f1);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .3s;display:inline-block}.ob-theme-card[data-theme=indigo],.ob-theme-preview[data-theme=indigo],.ob-theme-confirm[data-theme=indigo]{--theme-color:#6366f1;--theme-bg:#eef2ff}.ob-theme-card[data-theme=orange],.ob-theme-preview[data-theme=orange],.ob-theme-confirm[data-theme=orange]{--theme-color:#f97316;--theme-bg:#fff7ed}.ob-theme-card[data-theme=green],.ob-theme-preview[data-theme=green],.ob-theme-confirm[data-theme=green]{--theme-color:#16a34a;--theme-bg:#f0fdf4}.ob-theme-card[data-theme=purple],.ob-theme-preview[data-theme=purple],.ob-theme-confirm[data-theme=purple]{--theme-color:#9333ea;--theme-bg:#faf5ff}.ob-perso-layout{align-items:flex-start;gap:24px;display:flex}.ob-perso-panel{flex-direction:column;flex:0 0 42%;gap:18px;min-width:0;display:flex}.ob-perso-preview{flex:1;min-width:0}@media (max-width:640px){.ob-perso-layout{flex-direction:column}.ob-perso-panel{flex:none;width:100%}}.ob-perso-panel-block{flex-direction:column;gap:10px;display:flex}.ob-perso-block-title{color:var(--wz-text);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:800}.ob-perso-hint{color:var(--wz-text-3);font-size:12px;line-height:1.5}.ob-perso-hint--bottom{border-top:1px solid var(--wz-border);margin-top:auto;padding-top:12px}.ob-layout-choice{gap:8px;display:flex}.ob-layout-btn{border:2px solid var(--wz-border);background:var(--wz-surface);color:var(--wz-text-2);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:11px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.ob-layout-btn:hover{border-color:var(--wz-primary);color:var(--wz-primary)}.ob-layout-btn--selected{border-color:var(--wz-primary);background:var(--wz-primary-soft);color:var(--wz-primary)}.ob-layout-icon{font-size:1rem}.ob-theme-grid--small{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.ob-theme-card--sm{gap:6px;padding:12px 8px}.ob-theme-card--sm .ob-theme-swatch{width:30px;height:30px}.ob-theme-card--sm .ob-theme-label{font-size:11px}.ob-boutique-preview{border:1.5px solid var(--wz-border);background:var(--wz-surface);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000012}.ob-boutique-preview[data-theme=indigo]{--bp-color:#6366f1;--bp-light:#eef2ff}.ob-boutique-preview[data-theme=orange]{--bp-color:#f97316;--bp-light:#fff7ed}.ob-boutique-preview[data-theme=green]{--bp-color:#16a34a;--bp-light:#f0fdf4}.ob-boutique-preview[data-theme=purple]{--bp-color:#9333ea;--bp-light:#faf5ff}.ob-bp-banner{background:var(--bp-color,#6366f1);height:80px;position:relative;overflow:hidden}.ob-bp-banner-img{object-fit:cover;width:100%;height:100%}.ob-bp-banner-default{background:linear-gradient(135deg,var(--bp-color,#6366f1)0%,color-mix(in srgb,var(--bp-color,#6366f1)65%,#000)100%);width:100%;height:100%}.ob-bp-header{align-items:center;gap:10px;margin-top:-22px;padding:10px 14px 8px;display:flex}.ob-bp-logo{background:var(--bp-light,#eef2ff);border:2px solid #fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f}.ob-bp-logo-img{object-fit:cover;width:100%;height:100%}.ob-bp-logo-initial{color:var(--bp-color,#6366f1);font-size:1rem;font-weight:800}.ob-bp-header-info{flex:1;min-width:0}.ob-bp-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:12px;font-weight:800;overflow:hidden}.ob-bp-cats{flex-wrap:wrap;gap:4px;display:flex}.ob-bp-cat-chip{background:var(--bp-light,#eef2ff);color:var(--bp-color,#6366f1);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.ob-bp-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin:0 14px 8px;font-size:10px;font-weight:700}.ob-bp-products--grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px;display:grid}.ob-bp-products--list{flex-direction:column;gap:6px;padding:0 14px 14px;display:flex}.ob-bp-products--list .ob-bp-product-card{flex-direction:row;align-items:center;gap:8px}.ob-bp-products--list .ob-bp-product-img{flex-shrink:0;width:36px;height:36px}.ob-bp-products--list .ob-bp-product-body{flex:1}.ob-bp-products--list .ob-bp-product-btn{flex-shrink:0}.ob-bp-product-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.ob-bp-product-img{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:6px 6px 0 0;width:100%;height:56px}.ob-bp-product-body{padding:5px 6px 3px}.ob-bp-product-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:10px;font-weight:600;overflow:hidden}.ob-bp-product-price{color:var(--bp-color,#6366f1);margin:0;font-size:10px;font-weight:800}.ob-bp-product-btn{background:var(--bp-color,#6366f1);color:#fff;text-align:center;border-radius:5px;margin:4px 6px 6px;padding:4px 6px;font-size:9px;font-weight:700}.ob-recap-card{background:var(--wz-surface);border:1.5px solid var(--wz-border);border-radius:var(--wz-radius);overflow:hidden;box-shadow:0 2px 12px #0000000d}.ob-recap-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ob-recap-row:last-of-type{border-bottom:none}.ob-recap-label{color:var(--wz-text-2);font-size:13px}.ob-recap-val{color:var(--wz-text);text-align:right;font-size:14px;font-weight:700}.ob-recap-val--cats{color:#374151;font-size:13px;font-weight:500}.ob-recap-trial{color:#166534;background:#f0fdf4;border-top:1px solid #bbf7d0;align-items:flex-start;gap:8px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.ob-terms-box{background:var(--wz-primary-soft);border:1px solid var(--wz-border);border-radius:12px;margin-top:16px;padding:16px 18px}.ob-terms-title{color:var(--wz-text);margin:0 0 8px;font-size:13.5px;font-weight:800}.ob-terms-list{flex-direction:column;gap:5px;margin:0 0 12px;padding-left:18px;display:flex}.ob-terms-list li{color:var(--wz-text-2);font-size:12.5px;line-height:1.5}.ob-terms-list strong{color:var(--wz-text)}.ob-terms-check{cursor:pointer;border-top:1px solid var(--wz-border);align-items:flex-start;gap:9px;padding-top:10px;display:flex}.ob-terms-check input{width:16px;height:16px;accent-color:var(--wz-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.ob-terms-check span{color:var(--wz-text);font-size:12.5px;line-height:1.45}.ob-nav-row--confirm{margin-top:20px}.ob-plan-note{color:var(--wz-text-3);text-align:center;margin:10px 0 0;font-size:12px}.ob-step-note{background:var(--wz-primary-soft);color:var(--wz-text-2);text-align:center;border-radius:10px;margin:18px 0 0;padding:12px 16px;font-size:13px}.ob-activity-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.ob-activity-btn{text-align:left;border:2px solid var(--wz-border);background:var(--wz-surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s;display:flex}.ob-activity-btn strong{color:var(--wz-text);font-size:14px}.ob-activity-btn span{color:var(--wz-text-2);font-size:12px}.ob-activity-btn--selected{border-color:var(--wz-primary);background:var(--wz-primary-soft)}.ob-nav-row{border-top:1px solid var(--wz-border);justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}@media (max-width:768px){.ob-nav-row{z-index:90;background:var(--wz-surface);border-top:1px solid var(--wz-border);padding:12px 16px max(12px,env(safe-area-inset-bottom,12px));margin-top:20px;position:sticky;bottom:0;box-shadow:0 -4px 20px #00000017}.ob-nav-row .ob-btn--primary,.ob-nav-row .ob-btn--launch{flex:1;justify-content:center}}.ob-btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-btn:active:not(:disabled){transform:scale(.97)}.ob-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 3px 12px #6366f159}.ob-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #6366f173}.ob-btn--ghost{color:var(--wz-text-2);border:1.5px solid var(--wz-border);background:0 0}.ob-btn--ghost:hover:not(:disabled){color:var(--wz-text);background:#8ebaf8}.ob-btn--launch{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:14px 30px;box-shadow:0 4px 20px #6366f166}.ob-btn--launch:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f18c}.ob-btn--lg{padding:15px 32px;font-size:16px}.ob-btn-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite wz-spin;display:inline-block}.ob-btn--mt{margin-top:10px}.ob-success{background:radial-gradient(60% 40% at 15% 0%,#22c55e29,transparent 70%),radial-gradient(50% 40% at 90% 8%,#f9731624,transparent 70%),var(--wz-bg);justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.ob-success-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ob-confetti-piece{opacity:0;border-radius:50%;width:10px;height:10px;animation:3.2s ease-in-out infinite wz-confetti;position:absolute;top:-40px}.ob-confetti-piece[data-i="0"]{background:#f97316;animation-delay:0s;left:2%}.ob-confetti-piece[data-i="1"]{background:#6366f1;animation-delay:.4s;left:15%}.ob-confetti-piece[data-i="2"]{background:#16a34a;animation-delay:.8s;left:28%}.ob-confetti-piece[data-i="3"]{background:#9333ea;animation-delay:1.2s;left:41%}.ob-confetti-piece[data-i="4"]{background:#ef4444;animation-delay:1.6s;left:54%}.ob-confetti-piece[data-i="5"]{background:#f59e0b;animation-delay:2s;left:67%}.ob-confetti-piece[data-i="6"]{background:#06b6d4;animation-delay:2.4s;left:80%}.ob-confetti-piece[data-i="7"]{background:#ec4899;animation-delay:2.8s;left:93%}.ob-success-content{z-index:1;text-align:center;max-width:520px;position:relative}.ob-success-content--wide{text-align:left;max-width:680px}.ob-success-content--wide .ob-success-title,.ob-success-content--wide .ob-success-sub,.ob-success-content--wide .ob-redirect-hint{text-align:center}.ob-success-icon{color:#4ade80;justify-content:center;align-items:center;margin-bottom:20px;animation:.6s ease-out both wz-bounce;display:flex}.ob-success-title{color:var(--wz-text);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(24px,5vw,38px);font-weight:900}.ob-success-sub{color:var(--wz-text-2);margin:0 0 32px;font-size:16px;line-height:1.6}.ob-success-sub strong{color:var(--wz-text)}.ob-redirect-hint{color:var(--wz-text-2);margin-bottom:8px;font-size:14px}.ob-pending-banner{border-radius:var(--wz-radius);text-align:left;background:#fbbf241a;border:1.5px solid #fcd34d73;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.ob-pending-banner--live{background:#22c55e1f;border-color:#4ade8073}.ob-pending-icon{flex-shrink:0;font-size:1.8rem}.ob-pending-text{flex-direction:column;gap:4px;display:flex}.ob-pending-text strong{color:#fcd34d;font-size:15px}.ob-pending-text span{color:#fde68a;font-size:13px;line-height:1.5}.ob-pending-text span strong{font-size:inherit}.ob-pending-banner--live .ob-pending-text strong{color:#86efac}.ob-pending-banner--live .ob-pending-text span{color:#d1fae5}.ob-theme-confirm{border:1.5px solid var(--theme-color,var(--wz-primary));background:color-mix(in srgb,var(--theme-color,var(--wz-primary))14%,var(--wz-surface));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.ob-theme-confirm-text{color:var(--wz-text);line-height:1.45;display:block}.ob-theme-confirm-text svg{vertical-align:-2px;color:color-mix(in srgb,var(--theme-color,var(--wz-primary))65%,#fff);margin-right:6px}.ob-theme-confirm-text strong{color:color-mix(in srgb,var(--theme-color,var(--wz-primary))65%,#fff)}.ob-theme-confirm-link{color:color-mix(in srgb,var(--theme-color,var(--wz-primary))65%,#fff);white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}.ob-theme-confirm-link:hover{text-decoration:underline}.ob-quickstart{margin-bottom:24px}.ob-quickstart-title{color:var(--wz-text);margin:0 0 14px;font-size:15px;font-weight:800}.ob-quickstart-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:480px){.ob-quickstart-grid{grid-template-columns:1fr}}.ob-qs-card{border:1.5px solid var(--wz-border);border-radius:var(--wz-radius);background:var(--wz-surface);flex-direction:column;gap:4px;padding:16px 14px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.ob-qs-card:hover{border-color:var(--wz-primary);transform:translateY(-1px);box-shadow:0 4px 14px #6366f11f}.ob-qs-icon{color:var(--wz-primary);margin-bottom:2px;font-size:1.4rem}.ob-qs-card strong{color:var(--wz-text);font-size:14px;font-weight:800}.ob-qs-card span{color:var(--wz-text-2);font-size:12px}.ob-qs-card--primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#0000;box-shadow:0 6px 18px #6366f159}.ob-qs-card--primary strong,.ob-qs-card--primary .ob-qs-icon{color:#fff}.ob-qs-card--primary span{color:#ffffffd9}@media (max-width:900px){.ob-layout{grid-template-columns:240px 1fr}}@media (max-width:768px){.ob-layout{grid-template-columns:1fr}.ob-sidebar{display:none}}@media (max-width:640px){.ob-input,.ob-textarea{min-height:48px;font-size:16px}.ob-btn{min-height:50px}.ob-type-grid{grid-template-columns:1fr 1fr;gap:10px}.ob-theme-grid{grid-template-columns:1fr 1fr}.ob-count-grid{grid-template-columns:repeat(2,1fr)}.ob-theme-grid--small{grid-template-columns:repeat(4,1fr)}.ob-success-content--wide{max-width:100%}.ob-pending-banner{flex-direction:column;gap:8px}.ob-success{padding:24px 16px 48px}}@media (max-width:480px){.ob-cat-chip{padding:8px 12px;font-size:12px}.ob-type-card{padding:16px 14px}.ob-step-num-chip{border-radius:10px;width:34px;height:34px;font-size:12px}.ob-welcome-content .ob-btn--primary{justify-content:center;width:100%}.ob-welcome-features{max-width:100%}.ob-quickstart-grid{grid-template-columns:1fr 1fr}}@media (max-width:375px){.ob-main{padding:14px 12px 100px}.ob-welcome{padding:32px 14px}.ob-welcome-title{font-size:26px}.ob-welcome-sub{font-size:14px}.ob-step-title{font-size:19px}.ob-type-grid{grid-template-columns:1fr;gap:8px}.ob-theme-grid{grid-template-columns:1fr 1fr}.ob-count-grid{grid-template-columns:repeat(2,1fr)}.ob-recap-row{flex-direction:column;gap:3px}.ob-recap-val{text-align:left}.ob-btn--launch{padding:13px 18px;font-size:14px}.ob-quickstart-grid{grid-template-columns:1fr}.ob-perso-layout{flex-direction:column}.ob-theme-grid--small{grid-template-columns:repeat(2,1fr)}.ob-step-header{gap:10px}.ob-step-num-chip{border-radius:8px;width:30px;height:30px;font-size:11px}}@media (max-width:320px){.ob-main{padding:12px 8px 100px}.ob-welcome{padding:24px 10px}.ob-welcome-title{font-size:22px}.ob-step-title{font-size:17px}.ob-phone-prefix{padding:10px 8px;font-size:12px}.ob-type-grid{grid-template-columns:1fr;gap:6px}.ob-count-grid{grid-template-columns:1fr 1fr;gap:6px}.ob-cat-chip{padding:7px 10px;font-size:11px}.ob-type-card{padding:12px 10px}.ob-btn{padding:11px 14px;font-size:14px}.ob-perso-preview{display:none}.ob-perso-panel{flex:none;width:100%}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.ob-nav-row{padding-bottom:max(12px,env(safe-area-inset-bottom))}}}.ob-cat-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ob-cat-chip{gap:6px}.ob-cat-chip--mix{border-style:dashed;font-weight:700}.ob-cat-chip--autre{color:var(--wz-primary);border-style:dashed}.ob-cat-link{color:var(--wz-primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:700}.ob-cat-link:hover{text-decoration:underline}.ob-cat-autre{border:1.5px solid var(--wz-primary);background:var(--wz-surface);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 12px;display:inline-flex}.ob-cat-autre input{width:140px;color:var(--wz-text);background:0 0;border:none;outline:none;font-size:13px}.ob-cat-autre button{background:var(--wz-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.ob-cat-autre button:disabled{opacity:.5;cursor:not-allowed}.ob-ic{vertical-align:-.16em;flex-shrink:0;margin-right:.35em;display:inline-block}.ob-ic--seul{vertical-align:middle;margin-right:0}