@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;user-drag:none}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);color:var(--theme-text);-webkit-font-smoothing:antialiased;touch-action:manipulation}body{background-color:#000}#root{background-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}button{font-family:var(--font-body);cursor:pointer}img,svg,video,canvas{-webkit-user-drag:none;pointer-events:none;-webkit-touch-callout:none}::selection{background:transparent;color:inherit}::-webkit-scrollbar{display:none}#root{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.ratio-enforcer{position:relative;height:100vh;width:56.25vh;max-width:100vw;overflow:hidden;background-color:var(--theme-bg)}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body{overscroll-behavior-y:contain}.global-logo{position:absolute;top:80px;left:0;right:0;display:flex;justify-content:center;z-index:1;pointer-events:none}.global-logo-img{height:320px;width:auto;object-fit:contain;opacity:.25}.cta-conseil{min-height:60px;padding:0 48px;background-color:#1a1a1a;color:#fff;font-size:22px;font-weight:700;border-radius:999px;border:2px solid #1a1a1a;cursor:pointer}:root{--color-black: #000000;--color-white: #FFFFFF;--color-cream: #FDFBF7;--color-coral: #FF6B6B;--color-yellow: #FFE66D;--color-navy: #2D3436;--color-lime: #55EFC4;--color-magenta: #FD79A8;--color-blue: #74B9FF;--theme-bg: rgb(225, 230, 229);--theme-text: var(--color-black);--theme-card-bg: var(--color-cream);--theme-border: var(--color-black);--border-width: 4px;--shadow-offset: 8px;--radius-sm: 4px;--font-display: "Archivo Black", sans-serif;--font-body: "Space Grotesk", sans-serif;--bg-primary: rgb(225, 230, 229);--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #1a1a1a;--accent-elegance: #1a1a1a;--accent-connectee: #1a1a1a;--accent-vertigo: #1a1a1a;--border-light: rgba(26, 26, 26, .12);--border-focus: #1a1a1a;--font-serif: var(--font-display);--font-sans: var(--font-body)}[data-theme=coral],[data-theme=yellow],[data-theme=navy],[data-theme=lime],[data-theme=magenta],[data-theme=blue]{--theme-bg: rgb(225, 230, 229);--theme-text: var(--color-black)}.kiosk-shell{display:flex;flex-direction:column;width:100%;height:100%;background-color:#e1e6e5a6;color:var(--theme-text);transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}.kiosk-header{height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:24px}.kiosk-main{flex:1;min-height:0}.shell-entering .kiosk-header{animation:shell-in-top .7s cubic-bezier(.16,1,.3,1) both}.shell-entering .kiosk-main{animation:shell-in-bottom .7s cubic-bezier(.16,1,.3,1) .1s both}@keyframes shell-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shell-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.carousel-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding:20px}.carousel-stage{flex:1;height:100%;perspective:1200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.carousel-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;transform-style:preserve-3d;will-change:transform}.carousel-img-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-height:65vh}.carousel-product-img{max-height:65vh;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.22)) drop-shadow(0 8px 16px rgba(0,0,0,.14))}.carousel-sweep-old{position:relative;z-index:0;transition:clip-path .7s cubic-bezier(.25,.46,.45,.94)}.carousel-sweep-old.sweep-old-up{clip-path:inset(0 0 0 0)}.carousel-sweep-old.sweep-old-up.sweep-active{clip-path:inset(0 0 100% 0)}.carousel-sweep-old.sweep-old-down{clip-path:inset(0 0 0 0)}.carousel-sweep-old.sweep-old-down.sweep-active{clip-path:inset(100% 0 0 0)}.carousel-sweep-new{position:absolute;inset:0;margin:auto;z-index:1;transition:clip-path .7s cubic-bezier(.25,.46,.45,.94)}.carousel-sweep-new.sweep-up{clip-path:inset(100% 0 0 0)}.carousel-sweep-new.sweep-up.sweep-active{clip-path:inset(0 0 0 0)}.carousel-sweep-new.sweep-down{clip-path:inset(0 0 100% 0)}.carousel-sweep-new.sweep-down.sweep-active{clip-path:inset(0 0 0 0)}.carousel-text-block{will-change:transform}.carousel-product-name{font-family:var(--font-display);font-size:28px;font-weight:900;color:#1a1a1a;margin:20px 0 10px;text-transform:uppercase;letter-spacing:-.02em}.carousel-product-specs{font-family:var(--font-body);font-size:17px;font-weight:500;color:#666;margin:0 0 24px;letter-spacing:.02em}.carousel-color-toggle{padding:14px 36px;min-width:200px;border:2px solid;border-radius:999px;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.carousel-color-toggle.toggle-black{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.carousel-color-toggle.toggle-white{background:#fff;border-color:#ccc;color:#1a1a1a}.carousel-color-toggle:active{transform:scale(.96)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:64px;height:64px;border:none;border-radius:50%;background:#1a1a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 12px #00000026}.carousel-nav:active{transform:translateY(-50%) scale(.9);background:#000;box-shadow:0 1px 6px #0003}.carousel-nav-prev{left:20px}.carousel-nav-next{right:20px}.carousel-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:100}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#00000026;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot.active{background:#1a1a1a;transform:scale(1.3)}.carousel-center.slide-exit-left{animation:slide-out-left .45s cubic-bezier(.4,0,.2,1) forwards}.carousel-center.slide-exit-right{animation:slide-out-right .45s cubic-bezier(.4,0,.2,1) forwards}.carousel-center.slide-enter-right{animation:slide-in-from-right .45s cubic-bezier(.22,1,.36,1) forwards}.carousel-center.slide-enter-left{animation:slide-in-from-left .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-120%)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(120%)}}@keyframes slide-in-from-right{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes slide-in-from-left{0%{transform:translate(-120%)}to{transform:translate(0)}}.option-step-container{width:100%;max-width:600px;margin:0 auto}.option-step-title{font-family:var(--font-display);font-size:28px;color:#1a1a1a;text-align:center;margin-bottom:16px;margin-top:40px;text-transform:uppercase;letter-spacing:-.01em}.option-step-subtitle{font-family:var(--font-body);font-size:17px;color:#666;text-align:center;margin-bottom:40px}.option-list{display:flex;flex-direction:column;gap:14px}.option-button{padding:18px 32px;border-radius:999px;border:2px solid rgba(0,0,0,.12);background-color:transparent;color:#1a1a1a;font-family:var(--font-body);font-size:17px;text-align:center;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.option-button.selected{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}.option-button-label{font-weight:600}.option-button-desc{font-size:14px;opacity:.7;margin-top:4px;font-weight:400}.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.virtual-keyboard{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-primary);border-top:1px solid var(--border-light);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2000;padding-bottom:20px}.virtual-keyboard.open{transform:translateY(0)}.virtual-keyboard.closed{pointer-events:none}.kiosk-keyboard{width:100%;max-width:1080px;margin:0 auto;background:transparent;padding:10px}.hg-theme-default{background-color:transparent}.hg-button{height:60px!important;background:#fff!important;border:1px solid #E0E0E0!important;border-radius:8px!important;box-shadow:none!important;font-family:var(--font-sans)!important;font-size:20px!important;color:var(--text-primary)!important;transition:all .1s ease!important}.hg-button:active{background-color:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.hg-button.hg-functionBtn{background-color:#f5f5f5!important;color:var(--text-secondary)!important}.hg-row{margin-bottom:8px!important}.hg-row:last-child{margin-bottom:0!important}.contact-step-container{width:100%;max-width:600px;margin:0 auto;padding-bottom:100px}.contact-step-title{font-family:var(--font-display);font-size:28px;color:#1a1a1a;text-align:center;margin-bottom:40px;margin-top:40px;text-transform:uppercase;letter-spacing:-.01em}.contact-fields{display:flex;flex-direction:column;gap:32px}.contact-label{font-family:var(--font-display);font-size:16px;color:#1a1a1a;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.04em}.contact-input{width:100%;padding:16px 0;border:none;border-bottom:2px solid var(--border-light);background-color:transparent;font-family:var(--font-body);font-size:18px;color:#1a1a1a;outline:none;transition:border-color .3s ease}.contact-input.error{border-bottom-color:#ef4444}.contact-error{color:#ef4444;font-size:14px;margin-top:4px;display:block}.contact-consent{font-family:var(--font-body);font-size:14px;color:#999;line-height:1.5;text-align:center;margin-top:16px}.questionnaire-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.questionnaire-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;opacity:0;animation:fadeIn .35s ease-out forwards;will-change:opacity}.questionnaire-overlay.closing .questionnaire-backdrop{animation:fadeOut .35s ease-in forwards}.questionnaire-sheet{position:relative;width:100%;height:75%;background-color:#e1e6e5;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #0000001a;display:flex;flex-direction:column;transform:translate3d(0,100%,0);animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;will-change:transform}.questionnaire-sheet.closing{animation:slideDown .35s cubic-bezier(.4,0,1,1) forwards}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;flex-shrink:0}.sheet-content{flex:1;padding:0 40px;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.nav-button-text{background-color:#1a1a1a;color:#fff;border:none;border-radius:999px;padding:14px 36px;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .25s ease}.nav-button-text:active{transform:scale(.96)}.nav-button-primary{background-color:#1a1a1a;color:#fff;border:none;border-radius:999px;padding:16px 48px;font-family:var(--font-body);font-size:17px;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.02em}.nav-button-primary:active{transform:scale(.96)}.nav-button-primary:disabled{opacity:.3;cursor:not-allowed}@keyframes fadeIn{to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideUp{to{transform:translateZ(0)}}@keyframes slideDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}.attract-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#e1e6e5e0;z-index:9999;cursor:pointer}.attract-scene{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.attract-hero{position:relative;width:70%;height:55%;display:flex;align-items:center;justify-content:center;animation:attract-drift 8s ease-in-out infinite,el-slide-in-top .7s cubic-bezier(.16,1,.3,1) both}.attract-overlay.closing .attract-hero{animation:el-slide-out-top .5s cubic-bezier(.4,0,1,1) forwards}.attract-hero-img{position:absolute;max-width:100%;max-height:100%;object-fit:contain;opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease;filter:drop-shadow(0 30px 60px rgba(0,0,0,.1))}.attract-hero-img.visible{opacity:1;transform:scale(1)}.attract-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px;animation:el-slide-in-bottom .7s cubic-bezier(.16,1,.3,1) .1s both}.attract-overlay.closing .attract-bottom{animation:el-slide-out-bottom .5s cubic-bezier(.4,0,1,1) forwards}.attract-title{font-family:var(--font-display);font-size:36px;font-weight:900;color:#1a1a1a;text-transform:uppercase;letter-spacing:-.02em;text-align:center;animation:attract-text-breathe 3s ease-in-out infinite}.attract-subtitle{font-family:var(--font-body);font-size:20px;font-weight:500;color:#888;letter-spacing:.02em}.attract-pulse-ring{width:56px;height:56px;border-radius:50%;border:2px solid #1a1a1a;margin-top:24px;animation:attract-ring-pulse 2s ease-in-out infinite;position:relative}.attract-pulse-ring:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:#1a1a1a;border-radius:50%;transform:translate(-50%,-50%)}.attract-progress{position:absolute;bottom:48px;display:flex;gap:8px;animation:el-slide-in-bottom .7s cubic-bezier(.16,1,.3,1) .15s both}.attract-overlay.closing .attract-progress{animation:el-slide-out-bottom .5s cubic-bezier(.4,0,1,1) forwards}.attract-bar{width:40px;height:3px;background:#0000001a;border-radius:2px;overflow:hidden}.attract-bar.active{background:#0000001a}.attract-bar.active:after{content:"";display:block;width:100%;height:100%;background:#1a1a1a;border-radius:2px;animation:attract-bar-fill 4s linear forwards}@keyframes attract-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes attract-text-breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes attract-ring-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}}@keyframes attract-bar-fill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes el-slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes el-slide-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes el-slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes el-slide-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.thank-you-container{background-color:#e1e6e5;color:#1a1a1a;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.thank-you-check-circle{width:120px;height:120px;border-radius:50%;border:2px solid #1a1a1a;display:flex;align-items:center;justify-content:center;margin-bottom:40px;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.thank-you-check-svg{animation:drawCheck .5s ease-out .3s forwards;opacity:0;stroke-dasharray:100;stroke-dashoffset:100}.thank-you-title{font-family:var(--font-display);font-size:64px;color:#1a1a1a;margin-bottom:24px;text-transform:uppercase;opacity:0;animation:fadeInUp .5s ease-out .2s forwards}.thank-you-message{font-family:var(--font-body);font-size:24px;color:#666;text-align:center;max-width:600px;line-height:1.5;opacity:0;animation:fadeInUp .5s ease-out .4s forwards}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0;opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}button{-webkit-tap-highlight-color:transparent}[data-btn-effect=outline] button:not(.carousel-nav):not(.carousel-dot){position:relative}[data-btn-effect=outline] button .btn-fx{position:absolute;inset:0;border:2px solid rgba(26,26,26,.35);border-radius:inherit;pointer-events:none;animation:fx-outline .45s ease-out forwards}[data-btn-effect=outline] .carousel-nav .btn-fx,[data-btn-effect=outline] .cta-conseil .btn-fx,[data-btn-effect=outline] .toggle-black .btn-fx,[data-btn-effect=outline] .nav-button-primary .btn-fx,[data-btn-effect=outline] .option-button.selected .btn-fx{border-color:#ffffff80}@keyframes fx-outline{0%{transform:scale(1);opacity:1}to{transform:scale(1.12);opacity:0}}
