:root{--dark-blue:#041729;--cta-blue:#05a6d4;--text-white:#fff;--text-muted:#b9c1cc;--radius-card:32px;--radius-button:999px;--font-main:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;background:var(--dark-blue);width:100%;height:100dvh;color:var(--text-white);font-family:var(--font-main);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app{background:#000;position:fixed;top:0;left:0;overflow:hidden}#camera,#stage{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#camera{object-fit:cover;transform-origin:50%;background:#000}#stage{touch-action:none;pointer-events:none;background:0 0}#hologram{opacity:.02;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.page{z-index:5;background:#0d1724 url(/brand/phone-ar-bg.png) bottom/cover no-repeat;flex-direction:column;width:100%;min-height:100%;margin:0;transition:opacity .4s,visibility .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.page.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.header{background:var(--dark-blue);padding:calc(24px + env(safe-area-inset-top)) 16px 60px;text-align:center;z-index:2;position:relative}.header:after{content:"";border-left:50vw solid #0000;border-right:50vw solid #0000;border-top:40px solid var(--dark-blue);width:0;height:0;margin:0 auto;position:absolute;bottom:-40px;left:0;right:0}.logo{width:80vw;max-width:320px;height:auto}.main{z-index:1;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:0 24px;display:flex}.ar-icon{width:auto;max-width:80vw;height:90px;margin-top:50px}.footer{padding:24px 20px calc(32px + env(safe-area-inset-bottom));z-index:2}.cta-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0417298c;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 18px 40px #0006}.cta-text{text-align:left;flex-direction:column;display:flex}.cta-title{margin:0;font-size:18px;font-weight:600}.cta-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.cta-button{border-radius:var(--radius-button);background:var(--cta-blue);color:var(--text-white);cursor:pointer;white-space:nowrap;border:none;padding:12px 30px;font-family:inherit;font-size:20px;font-weight:600;transition:transform .1s,filter .1s,opacity .15s}.cta-button:hover{filter:brightness(1.05)}.cta-button:active{transform:scale(.98)}.cta-button:disabled{opacity:.55;cursor:default}.gate-error{text-align:center;color:#ffb4a8;margin:12px 4px 0;font-size:14px;line-height:1.4}.gate-error[hidden]{display:none}.gate-loading{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.gate-loading[hidden]{display:none}.gate-loading-track{background:#ffffff1f;border-radius:999px;width:148px;height:6px;overflow:hidden}.gate-loading-fill{border-radius:inherit;background:linear-gradient(90deg,#05a6d4,#4fd0f5);width:12%;height:100%;transition:width .3s}.gate-loading-text{color:var(--text-muted);margin:0;font-size:13px}.page.is-launching .cta-card{opacity:.45;pointer-events:none}.page.is-launching .cta-button{opacity:.7}.logo,.ar-icon{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(8px)}body.is-ready .logo,body.is-ready .ar-icon{opacity:1;transform:translateY(0)}body.is-ready .ar-icon{transition-delay:80ms;animation:3.2s ease-in-out .55s infinite ar-float}body.is-ready .cta-card{animation:.5s .12s both cta-in}@keyframes cta-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hint{z-index:4;padding:0 20px calc(28px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:0;left:0;right:0}.hint[hidden]{opacity:0;visibility:hidden;display:flex;transform:translateY(12px)}.hint.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.hint-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041729b8;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:14px;width:min(100%,420px);padding:16px 18px;animation:2.8s ease-in-out infinite hint-breathe;display:flex;box-shadow:0 16px 36px #00000059}.hint-hand{width:52px;height:52px;color:var(--cta-blue);background:#05a6d41f;border-radius:16px;flex:none;place-items:center;display:grid}.hint-pulse{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.35;transform-origin:32px 34px;animation:2.2s ease-out infinite hint-ring}.hint-palm{transform-origin:32px 48px;animation:2.2s ease-in-out infinite hint-open}.hint-text{min-width:0}.hint-title{margin:0;font-size:16px;font-weight:600}.hint-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.35}@keyframes ar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hint-breathe{0%,to{box-shadow:0 16px 36px #00000059}50%{box-shadow:0 16px 36px #05a6d42e}}@keyframes hint-ring{0%{opacity:.45;transform:scale(.72)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}@keyframes hint-open{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media screen and (orientation:landscape) and (max-height:500px){body:before{content:"Veuillez tourner votre appareil en mode portrait.";text-align:center;color:#f0f0f0;z-index:9999;background:#040404d9;border-radius:12px;width:80%;padding:20px;font-size:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-button{display:none}}@media (prefers-reduced-motion:reduce){.ar-icon,.hint-card,.hint-pulse,.hint-palm,.page,.hint{transition:none;animation:none}}