/* un2plus — vitrine. Généré depuis l'export Claude Design (build.py). */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/ibm-plex-mono-normal-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/ibm-plex-mono-normal-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/site/fonts/ibm-plex-mono-normal-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/site/fonts/ibm-plex-mono-normal-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/site/fonts/instrument-sans-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/site/fonts/instrument-sans-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/site/fonts/instrument-serif-italic-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/site/fonts/instrument-serif-italic-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/instrument-serif-normal-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/site/fonts/instrument-serif-normal-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

body{margin:0;font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#163128;background:#FBF7EF;-webkit-font-smoothing:antialiased}
a{color:#0F2D23}a:hover{color:#B4513C}
.serif{font-family:"Instrument Serif",Georgia,"Times New Roman",serif;font-weight:400}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}
h1,h2,h3,p{text-wrap:pretty}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 22s ease-in-out infinite alternate}
.hero-img2{opacity:0;animation:kb 22s ease-in-out infinite alternate,xfade 16s ease-in-out infinite}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1.5%)}}
@keyframes xfade{0%,38%{opacity:0}50%,88%{opacity:1}100%{opacity:0}}
.float{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-2deg)}}
.notif{animation:notif 9s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes notif{0%,8%{opacity:0;transform:translateY(-26px) scale(.96)}14%,72%{opacity:1;transform:translateY(0) scale(1)}80%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}
.marquee{animation:marq 38s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stamp-new{animation:stamp 4.5s cubic-bezier(.3,1.6,.5,1) infinite}
@keyframes stamp{0%,30%{transform:scale(0);opacity:0}42%{transform:scale(1.25);opacity:1}50%,100%{transform:scale(1);opacity:1}}
.pulse{animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(233,201,130,.6)}100%{box-shadow:0 0 0 22px rgba(233,201,130,0)}}
.scratch{animation:scratch 7s ease-in-out infinite}
@keyframes scratch{0%,15%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}55%,85%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
.coin{animation:coin 7s ease-in-out infinite}
@keyframes coin{0%,15%{transform:translate(-40px,-10px) rotate(-20deg)}55%{transform:translate(320px,40px) rotate(15deg)}85%,100%{transform:translate(340px,40px) rotate(15deg);opacity:0}}
.grow{animation:grow 3.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.btn-p{transition:transform .2s,background .2s}.btn-p:hover{transform:translateY(-2px);background:#9E4431!important;color:#fff!important}
.btn-g:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
.lnk{text-decoration:none}.lnk:hover{color:#E9C982!important}
@media (prefers-reduced-motion:reduce){.hero-img,.hero-img2,.float,.notif,.marquee,.stamp-new,.pulse,.scratch,.coin,.grow{animation:none!important}.hero-img2{opacity:0}.notif{opacity:1}.scratch{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}

.s0{width: 1440px; height: 8700px; display: flex; flex-direction: column; overflow: hidden; background: rgb(251, 247, 239)}
.s1{position: relative; height: 900px; flex-shrink: 0; overflow: hidden; background: rgb(7, 19, 15); color: rgb(251, 247, 239)}
.s2{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(7, 19, 15, 0.92) 0%, rgba(7, 19, 15, 0.72) 44%, rgba(7, 19, 15, 0.25) 100%)}
.s3{position: absolute; top: 0px; left: 0px; right: 0px; height: 92px; padding: 0px 120px; display: flex; align-items: center; justify-content: space-between; z-index: 5}
.s4{display: flex; align-items: center; gap: 12px; color: rgb(251, 247, 239)}
.s5{width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgb(201, 169, 97); display: flex; align-items: center; justify-content: center; color: rgb(243, 233, 217)}
.s6{font-size: 32px; line-height: 1; letter-spacing: -0.01em}
.s7{display: flex; align-items: center; gap: 36px; font-size: 15px; font-weight: 500}
.s8{color: rgba(251, 247, 239, 0.88)}
.s9{display: flex; align-items: center; min-height: 44px; padding: 0px 22px; border-radius: 999px; background: rgb(243, 233, 217); color: rgb(15, 45, 35); font-weight: 600; text-decoration: none}
.s10{position: absolute; inset: 0px; padding: 0px 120px; display: flex; align-items: center; justify-content: space-between; gap: 60px; z-index: 3}
.s11{width: 700px; display: flex; flex-direction: column; gap: 28px; padding-top: 40px}
.s12{display: flex; align-items: center; gap: 14px; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(233, 201, 130)}
.s13{width: 36px; height: 1px; background: rgb(233, 201, 130)}
.s14{margin: 0px; font-size: 104px; line-height: 0.92; letter-spacing: -0.025em; color: rgb(251, 247, 239)}
.s15{color: rgb(233, 201, 130)}
.s16{margin: 0px; font-size: 21px; line-height: 1.55; color: rgba(251, 247, 239, 0.84); max-width: 600px}
.s17{display: flex; gap: 14px; align-items: center}
.s18{display: flex; align-items: center; min-height: 56px; padding: 0px 30px; border-radius: 999px; background: rgb(180, 81, 60); color: rgb(255, 255, 255); font-size: 17px; font-weight: 600; text-decoration: none}
.s19{display: flex; align-items: center; min-height: 56px; padding: 0px 28px; border-radius: 999px; border: 1px solid rgba(251, 247, 239, 0.35); background: rgba(255, 255, 255, 0.06); color: rgb(251, 247, 239); font-size: 17px; font-weight: 500; text-decoration: none}
.s20{margin: 0px; font-size: 15px; color: rgba(251, 247, 239, 0.7)}
.s21{position: relative; width: 420px; height: 620px; flex-shrink: 0}
.s22{position: absolute; top: 90px; left: 30px; width: 360px; border-radius: 26px; overflow: hidden; background: rgb(15, 45, 35); box-shadow: rgba(0, 0, 0, 0.55) 0px 40px 90px, rgba(201, 169, 97, 0.35) 0px 0px 0px 1px}
.s23{padding: 22px 24px; display: flex; justify-content: space-between; align-items: flex-start}
.s24{display: flex; gap: 12px; align-items: center}
.s25{width: 40px; height: 40px; border-radius: 50%; background: rgb(243, 233, 217); color: rgb(15, 45, 35); display: flex; align-items: center; justify-content: center}
.s26{font-size: 22px}
.s27{display: flex; flex-direction: column; gap: 2px}
.s28{font-size: 23px; color: rgb(251, 247, 239); line-height: 1}
.s29{font-size: 10px; letter-spacing: 0.12em; color: rgb(201, 169, 97); text-transform: uppercase}
.s30{display: flex; flex-direction: column; align-items: flex-end; gap: 2px}
.s31{font-size: 30px; color: rgb(251, 247, 239); line-height: 1}
.s32{background: rgb(243, 233, 217); padding: 22px 24px; display: flex; flex-direction: column; gap: 14px}
.s33{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px}
.s34{aspect-ratio: 1 / 1; border-radius: 50%; border: 1.5px dashed rgba(15, 45, 35, 0.3); position: relative}
.s35{position: absolute; inset: -1.5px; border-radius: 50%; background: rgb(15, 45, 35); color: rgb(233, 201, 130); display: flex; align-items: center; justify-content: center}
.s36{position: absolute; inset: -1.5px; border-radius: 50%; background: rgb(180, 81, 60); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center}
.s37{font-size: 14px; color: rgb(22, 49, 40); text-align: center}
.s38{padding: 22px 24px 26px; display: flex; justify-content: center}
.s39{padding: 12px; background: rgb(255, 255, 255); border-radius: 12px; display: grid; grid-template-columns: repeat(21, 5px)}
.s40{width: 5px; height: 5px; background: rgb(15, 45, 35); display: block}
.s41{width: 5px; height: 5px; display: block}
.s42{position: absolute; top: 0px; left: -40px; width: 390px; padding: 14px 16px; border-radius: 20px; background: rgba(251, 247, 239, 0.94); box-shadow: rgba(0, 0, 0, 0.35) 0px 18px 40px; display: flex; gap: 12px; align-items: flex-start; color: rgb(22, 49, 40)}
.s43{width: 38px; height: 38px; flex-shrink: 0; border-radius: 10px; background: rgb(15, 45, 35); color: rgb(243, 233, 217); display: flex; align-items: center; justify-content: center}
.s44{font-size: 20px}
.s45{display: flex; flex-direction: column; gap: 3px}
.s46{display: flex; justify-content: space-between; gap: 10px}
.s47{font-size: 14px}
.s48{font-size: 12px; color: rgb(93, 102, 95)}
.s49{font-size: 14px; line-height: 1.4}
.s50{position: absolute; bottom: 0px; right: 10px; font-size: 11px; letter-spacing: 0.1em; color: rgba(251, 247, 239, 0.6); text-transform: uppercase}
.s51{height: 84px; flex-shrink: 0; background: rgb(201, 169, 97); overflow: hidden; display: flex; align-items: center}
.s52{display: flex; gap: 44px; white-space: nowrap; font-size: 30px; color: rgb(15, 45, 35); padding-left: 44px}
.s53{padding: 140px 120px; display: flex; flex-direction: column; gap: 70px; background: rgb(251, 247, 239)}
.s54{display: flex; justify-content: space-between; align-items: flex-end; gap: 80px}
.s55{display: flex; flex-direction: column; gap: 20px; max-width: 700px}
.s56{font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(138, 109, 47)}
.s57{margin: 0px; font-size: 76px; line-height: 0.98; letter-spacing: -0.02em; color: rgb(15, 45, 35)}
.s58{margin: 0px; max-width: 420px; font-size: 18px; line-height: 1.65; color: rgb(78, 90, 83)}
.s59{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px}
.s60{background: rgb(255, 255, 255); border-radius: 28px; border: 1px solid rgba(15, 45, 35, 0.1); overflow: hidden; display: flex; flex-direction: column}
.s61{height: 250px; background: rgb(243, 233, 217); display: flex; align-items: center; justify-content: center}
.s62{width: 150px; padding: 18px 16px 14px; background: rgb(15, 45, 35); border-radius: 14px; transform: rotate(-4deg); box-shadow: rgba(15, 45, 35, 0.25) 0px 16px 30px; display: flex; flex-direction: column; gap: 10px; align-items: center}
.s63{font-size: 9px; letter-spacing: 0.14em; color: rgb(233, 201, 130); text-transform: uppercase; text-align: center}
.s64{width: 96px; height: 96px; background: rgb(255, 255, 255); border-radius: 6px; padding: 8px; box-sizing: border-box; display: grid; grid-template-columns: repeat(21, minmax(0px, 1fr))}
.s65{aspect-ratio: 1 / 1; background: rgb(15, 45, 35); display: block}
.s66{aspect-ratio: 1 / 1; display: block}
.s67{font-size: 16px; color: rgb(243, 233, 217)}
.s68{padding: 32px; display: flex; flex-direction: column; gap: 12px}
.s69{font-size: 44px; line-height: 1; color: rgb(180, 81, 60)}
.s70{margin: 0px; font-size: 22px; font-weight: 600; color: rgb(15, 45, 35)}
.s71{margin: 0px; font-size: 16px; line-height: 1.6; color: rgb(78, 90, 83)}
.s72{height: 250px; background: rgb(15, 45, 35); display: flex; align-items: center; justify-content: center; gap: 14px}
.s73{width: 200px; border-radius: 16px; overflow: hidden; background: rgb(23, 59, 47); box-shadow: rgba(0, 0, 0, 0.35) 0px 16px 30px, rgba(201, 169, 97, 0.3) 0px 0px 0px 1px}
.s74{padding: 14px 16px; display: flex; justify-content: space-between; align-items: center}
.s75{font-size: 17px; color: rgb(251, 247, 239)}
.s76{background: rgb(243, 233, 217); padding: 12px 16px; display: flex; flex-direction: column; gap: 4px}
.s77{font-size: 9px; letter-spacing: 0.12em; color: rgb(138, 109, 47); text-transform: uppercase}
.s78{font-size: 14px; font-weight: 600; color: rgb(15, 45, 35)}
.s79{height: 34px}
.s80{width: 230px; padding: 20px; background: rgb(255, 255, 255); border-radius: 18px; box-shadow: rgba(15, 45, 35, 0.14) 0px 16px 30px; display: flex; flex-direction: column; gap: 14px}
.s81{display: flex; justify-content: space-between; align-items: center}
.s82{font-size: 11px; color: rgb(93, 102, 95)}
.s83{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 7px}
.s84{aspect-ratio: 1 / 1; border-radius: 50%; border: 1.5px dashed rgba(15, 45, 35, 0.25); position: relative}
.s85{position: absolute; inset: -1.5px; border-radius: 50%; background: rgb(15, 45, 35)}
.s86{position: absolute; inset: -1.5px; border-radius: 50%; background: rgb(180, 81, 60)}
.s87{min-height: 44px; border-radius: 12px; background: rgb(15, 45, 35); color: rgb(251, 247, 239); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center}
.s88{padding: 140px 120px; background: rgb(15, 45, 35); color: rgb(251, 247, 239); display: flex; flex-direction: column; gap: 72px}
.s89{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 80px; align-items: end}
.s90{display: flex; flex-direction: column; gap: 20px}
.s91{font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(233, 201, 130)}
.s92{margin: 0px; font-size: 76px; line-height: 0.98; letter-spacing: -0.02em}
.s93{display: flex; flex-direction: column; gap: 18px}
.s94{margin: 0px; font-size: 19px; line-height: 1.65; color: rgba(251, 247, 239, 0.82)}
.s95{margin: 0px; font-size: 17px; line-height: 1.65; color: rgba(251, 247, 239, 0.66)}
.s96{border: 1px solid rgba(251, 247, 239, 0.14); border-radius: 30px; padding: 44px 48px 40px; background: rgba(251, 247, 239, 0.03); display: flex; flex-direction: column; gap: 34px}
.s97{display: flex; justify-content: space-between; align-items: baseline}
.s98{font-size: 30px}
.s99{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(251, 247, 239, 0.6)}
.s100{position: relative; height: 150px}
.s101{position: absolute; left: 0px; right: 0px; top: 60px; height: 2px; background: rgba(251, 247, 239, 0.18)}
.s102{position: absolute; left: 0px; width: 60%; top: 60px; height: 2px; background: rgb(201, 169, 97)}
.s103{position: absolute; left: 60%; width: 30%; top: 59px; height: 4px; background: repeating-linear-gradient(90deg, rgba(200, 95, 73, 0.9) 0px, rgba(200, 95, 73, 0.9) 10px, transparent 10px, transparent 18px)}
.s104{position: absolute; left: 0%; top: 50px; width: 22px; height: 22px; border-radius: 50%; background: rgb(201, 169, 97)}
.s105{position: absolute; left: 14%; top: 50px; width: 22px; height: 22px; border-radius: 50%; background: rgb(201, 169, 97)}
.s106{position: absolute; left: 27%; top: 50px; width: 22px; height: 22px; border-radius: 50%; background: rgb(201, 169, 97)}
.s107{position: absolute; left: 43%; top: 50px; width: 22px; height: 22px; border-radius: 50%; background: rgb(201, 169, 97)}
.s108{position: absolute; left: 58.5%; top: 50px; width: 22px; height: 22px; border-radius: 50%; background: rgb(201, 169, 97)}
.s109{position: absolute; left: 0px; top: 96px; font-size: 12px; color: rgba(251, 247, 239, 0.62)}
.s110{position: absolute; left: 66%; top: 18px; font-size: 12px; color: rgb(240, 160, 142)}
.s111{position: absolute; left: 88%; top: 46px; width: 30px; height: 30px; border-radius: 50%; background: rgb(233, 201, 130); display: flex; align-items: center; justify-content: center; color: rgb(15, 45, 35)}
.s112{position: absolute; left: 97%; top: 48px; width: 26px; height: 26px; border-radius: 50%; background: rgb(251, 247, 239); border: 3px solid rgb(201, 169, 97); box-sizing: border-box}
.s113{position: absolute; right: 0px; top: 96px; font-size: 12px; color: rgb(251, 247, 239); text-align: right}
.s114{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px}
.s115{padding: 30px; border-radius: 22px; background: rgba(243, 233, 217, 0.07); border: 1px solid rgba(243, 233, 217, 0.12); display: flex; flex-direction: column; gap: 10px}
.s116{margin: 0px; font-size: 19px; font-weight: 600; color: rgb(233, 201, 130)}
.s117{margin: 0px; font-size: 16px; line-height: 1.6; color: rgba(251, 247, 239, 0.74)}
.s118{padding: 140px 120px; background: rgb(243, 233, 217); display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 90px; align-items: center}
.s119{position: relative; height: 460px; display: flex; align-items: center; justify-content: center}
.s120{width: 470px; height: 290px; border-radius: 22px; background: rgb(251, 247, 239); box-shadow: rgba(15, 45, 35, 0.18) 0px 30px 60px; transform: rotate(-3deg); position: relative; overflow: hidden; border: 1px solid rgba(15, 45, 35, 0.1)}
.s121{position: absolute; left: 0px; right: 0px; top: 0px; height: 64px; background: rgb(15, 45, 35); display: flex; align-items: center; justify-content: space-between; padding: 0px 26px}
.s122{font-size: 24px; color: rgb(243, 233, 217)}
.s123{font-size: 11px; letter-spacing: 0.12em; color: rgb(233, 201, 130); text-transform: uppercase}
.s124{position: absolute; left: 0px; right: 0px; top: 64px; height: 8px; background: radial-gradient(circle at 6px 0px, rgb(243, 233, 217) 5px, transparent 5.5px) 0px 0px / 16px 8px repeat-x}
.s125{position: absolute; inset: 100px 34px 34px; border-radius: 14px; border: 1.5px dashed rgba(15, 45, 35, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px}
.s126{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(138, 109, 47)}
.s127{font-size: 46px; line-height: 1; color: rgb(15, 45, 35)}
.s128{position: absolute; inset: 100px 34px 34px; border-radius: 14px; background: repeating-linear-gradient(135deg, rgb(185, 182, 174) 0px, rgb(185, 182, 174) 6px, rgb(207, 203, 194) 6px, rgb(207, 203, 194) 12px); display: flex; align-items: center; justify-content: center}
.s129{font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(62, 70, 64)}
.s130{position: absolute; left: 60px; top: 150px; width: 50px; height: 50px; border-radius: 50%; background: rgb(201, 169, 97); border: 3px solid rgb(168, 138, 69); box-sizing: border-box}
.s131{display: flex; flex-direction: column; gap: 22px}
.s132{margin: 0px; font-size: 18px; line-height: 1.65; color: rgb(63, 75, 68)}
.s133{padding: 140px 120px; background: rgb(251, 247, 239); display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 90px; align-items: center}
.s134{margin: 0px; font-size: 18px; line-height: 1.65; color: rgb(78, 90, 83)}
.s135{background: rgb(255, 255, 255); border-radius: 30px; border: 1px solid rgba(15, 45, 35, 0.1); box-shadow: rgba(15, 45, 35, 0.1) 0px 30px 60px; padding: 36px; display: flex; flex-direction: column; gap: 26px}
.s136{font-size: 17px; font-weight: 600; color: rgb(15, 45, 35)}
.s137{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(93, 102, 95); padding: 6px 10px; border-radius: 99px; background: rgb(243, 233, 217)}
.s138{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px}
.s139{padding: 18px; border-radius: 16px; background: rgb(251, 247, 239); display: flex; flex-direction: column; gap: 6px}
.s140{font-size: 13px; color: rgb(78, 90, 83)}
.s141{font-size: 44px; line-height: 1; color: rgb(15, 45, 35)}
.s142{padding: 18px; border-radius: 16px; background: rgb(15, 45, 35); display: flex; flex-direction: column; gap: 6px}
.s143{font-size: 13px; color: rgba(251, 247, 239, 0.75)}
.s144{font-size: 44px; line-height: 1; color: rgb(233, 201, 130)}
.s145{display: flex; flex-direction: column; gap: 10px}
.s146{height: 150px; display: flex; align-items: flex-end; gap: 16px; border-bottom: 1px solid rgba(15, 45, 35, 0.15)}
.s147{flex-grow: 1; height: 38%; background: rgb(201, 169, 97); border-radius: 8px 8px 0px 0px; transform-origin: center bottom}
.s148{flex-grow: 1; height: 55%; background: rgb(201, 169, 97); border-radius: 8px 8px 0px 0px; transform-origin: center bottom; animation-delay: 0.15s}
.s149{flex-grow: 1; height: 72%; background: rgb(201, 169, 97); border-radius: 8px 8px 0px 0px; transform-origin: center bottom; animation-delay: 0.3s}
.s150{flex-grow: 1; height: 90%; background: rgb(15, 45, 35); border-radius: 8px 8px 0px 0px; transform-origin: center bottom; animation-delay: 0.45s}
.s151{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; font-size: 12px; color: rgb(93, 102, 95); text-align: center}
.s152{position: relative; height: 620px; flex-shrink: 0; overflow: hidden; background: rgb(7, 19, 15)}
.s153{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover}
.s154{position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(7, 19, 15, 0.9) 0%, rgba(7, 19, 15, 0.35) 60%, rgba(7, 19, 15, 0.15) 100%)}
.s155{position: absolute; left: 120px; right: 120px; bottom: 90px; display: flex; justify-content: space-between; align-items: flex-end; gap: 80px; color: rgb(251, 247, 239)}
.s156{margin: 0px; font-size: 72px; line-height: 1; letter-spacing: -0.02em; max-width: 720px}
.s157{margin: 0px; max-width: 420px; font-size: 18px; line-height: 1.65; color: rgba(251, 247, 239, 0.84)}
.s158{padding: 140px 120px; background: rgb(243, 233, 217); display: flex; flex-direction: column; align-items: center; gap: 56px}
.s159{display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center}
.s160{margin: 0px; max-width: 620px; font-size: 18px; line-height: 1.65; color: rgb(78, 90, 83)}
.s161{width: 860px; border-radius: 36px; background: rgb(15, 45, 35); color: rgb(251, 247, 239); padding: 52px; box-sizing: border-box; box-shadow: rgba(15, 45, 35, 0.25) 0px 30px 80px; display: flex; flex-direction: column; gap: 34px}
.s162{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 30px; border-bottom: 1px solid rgba(251, 247, 239, 0.14)}
.s163{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(233, 201, 130)}
.s164{margin: 0px; font-size: 42px; font-weight: 400}
.s165{display: flex; align-items: baseline; gap: 10px}
.s166{font-size: 96px; line-height: 0.8}
.s167{font-size: 16px; color: rgba(251, 247, 239, 0.7)}
.s168{margin: 0px; padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 34px; font-size: 17px}
.s169{width: 8px; height: 8px; border-radius: 50%; background: rgb(233, 201, 130); flex-shrink: 0}
.s170{min-height: 60px; border-radius: 999px; background: rgb(180, 81, 60); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; text-decoration: none; display: flex; align-items: center; justify-content: center}
.s171{font-size: 14px; color: rgba(251, 247, 239, 0.62); text-align: center}
.s172{padding: 140px 120px; background: rgb(255, 255, 255); display: grid; grid-template-columns: 420px minmax(0px, 1fr); gap: 100px; align-items: start}
.s173{display: flex; flex-direction: column; gap: 26px}
.s174{width: 140px; height: 140px; border-radius: 50%; background: rgb(243, 233, 217); border: 1px dashed rgba(15, 45, 35, 0.35); display: flex; align-items: center; justify-content: center; font-size: 13px; color: rgb(78, 90, 83); text-align: center}
.s175{margin: 0px; font-size: 52px; line-height: 1; letter-spacing: -0.02em; color: rgb(15, 45, 35)}
.s176{margin: 0px; font-size: 17px; line-height: 1.7; color: rgb(78, 90, 83)}
.s177{display: flex; flex-direction: column}
.s178{margin: 0px 0px 30px; font-size: 52px; line-height: 1; letter-spacing: -0.02em; color: rgb(15, 45, 35)}
.s179{padding: 26px 0px; border-top: 1px solid rgba(15, 45, 35, 0.14); display: flex; flex-direction: column; gap: 10px}
.s180{margin: 0px; font-size: 19px; font-weight: 600; color: rgb(15, 45, 35)}
.s181{margin: 0px; font-size: 16px; line-height: 1.65; color: rgb(78, 90, 83)}
.s182{padding: 26px 0px; border-top: 1px solid rgba(15, 45, 35, 0.14); border-bottom: 1px solid rgba(15, 45, 35, 0.14); display: flex; flex-direction: column; gap: 10px}
.s183{flex-grow: 1; min-height: 560px; padding: 120px; box-sizing: border-box; background: rgb(15, 45, 35); color: rgb(251, 247, 239); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; text-align: center; position: relative; overflow: hidden}
.s184{position: absolute; right: -120px; top: 50%; width: 560px; height: 560px; transform: translateY(-50%); opacity: 0.12; border-radius: 50%}
.s185{font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(233, 201, 130); position: relative}
.s186{margin: 0px; max-width: 980px; font-size: 92px; line-height: 0.96; letter-spacing: -0.025em; position: relative}
.s187{margin: 0px; max-width: 640px; font-size: 19px; line-height: 1.65; color: rgba(251, 247, 239, 0.8); position: relative}
.s188{display: flex; gap: 14px; align-items: center; position: relative}
.s189{display: flex; align-items: center; min-height: 60px; padding: 0px 34px; border-radius: 999px; background: rgb(180, 81, 60); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; text-decoration: none}
.s190{display: flex; align-items: center; min-height: 60px; padding: 0px 30px; border-radius: 999px; border: 1px solid rgba(251, 247, 239, 0.35); color: rgb(251, 247, 239); font-size: 18px; font-weight: 500; text-decoration: none}
.s191{font-size: 15px; color: rgba(251, 247, 239, 0.62); position: relative}
.s192{height: 130px; flex-shrink: 0; padding: 0px 120px; background: rgb(7, 24, 18); color: rgba(251, 247, 239, 0.62); display: flex; align-items: center; justify-content: space-between; gap: 30px; font-size: 14px}
.s193{display: flex; align-items: center; gap: 18px}
.s194{font-size: 28px; color: rgb(251, 247, 239)}
.s195{display: flex; align-items: center; gap: 26px}
.s196{color: rgba(251, 247, 239, 0.75)}
@media (max-width:1300px){.s3{padding:0 56px}.s10{padding:0 56px}.s53{padding:110px 56px}.s88{padding:110px 56px}.s118{padding:110px 56px}.s133{padding:110px 56px}.s158{padding:110px 56px}.s172{padding:110px 56px}.s192{padding:0 56px}}
html{scroll-behavior:smooth}
.page{width:100%;height:auto;min-height:100vh;overflow:clip}
[id]{scroll-margin-top:24px}
a:focus-visible{outline:2px solid #E9C982;outline-offset:3px}
@media (max-width:1300px) and (min-width:901px){
  .hero-text{width:auto;flex:1 1 0}
  .price-card{width:100%;max-width:860px}
}

@media (max-width:900px){.s3{padding:0 20px}.s6{font-size:26px}.s10{gap:36px;padding:0 20px}.s14{font-size:50px}.s31{font-size:24px}.s52{font-size:24px}.s53{gap:36px;padding:72px 20px}.s54{gap:36px}.s57{font-size:40px}.s69{font-size:30px}.s88{gap:36px;padding:72px 20px}.s89{gap:36px}.s92{font-size:40px}.s96{padding:26px 18px 24px}.s98{font-size:24px}.s118{gap:36px;padding:72px 20px}.s127{font-size:32px}.s133{gap:36px;padding:72px 20px}.s141{font-size:30px}.s144{font-size:30px}.s155{gap:36px}.s156{font-size:38px}.s158{gap:36px;padding:72px 20px}.s161{padding:30px 22px}.s164{font-size:30px}.s166{font-size:60px}.s172{gap:36px;padding:72px 20px}.s175{font-size:34px}.s178{font-size:34px}.s183{padding:80px 20px}.s186{font-size:46px}.s192{padding:0 20px}.s194{font-size:24px}
.hero{height:auto}
.hero-nav{position:relative;height:76px}
.hero-links{gap:0}
.hero-links > a:not(:last-child){display:none}
.hero-links > a:last-child{padding:0 16px;min-height:42px;font-size:14px}
.hero-inner{position:relative;inset:auto;flex-direction:column;align-items:stretch;padding:28px 20px 64px;gap:44px}
.hero-text{width:auto;padding-top:0;gap:22px}
.hero-text > div{flex-wrap:wrap}
.hero-mock{zoom:.78;align-self:center}
.how-head{flex-direction:column;align-items:flex-start;gap:18px}
.g-collapse{grid-template-columns:minmax(0,1fr)}
.dash .g-collapse{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.game-stage{height:330px}
.ticket{zoom:.7}
.sec-name{height:auto;min-height:560px}
.name-inner{left:20px;right:20px;bottom:44px;flex-direction:column;align-items:flex-start;gap:18px}
.price-card{width:100%}
.price-head{flex-direction:column;align-items:flex-start;gap:14px}
.sec-faq{grid-template-columns:minmax(0,1fr)}
.cta-img{width:340px;height:340px;right:-150px}
.cta-btns{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
.cta-btns > a{justify-content:center}
.foot{height:auto;padding:36px 20px;flex-direction:column;align-items:flex-start;gap:18px}
.foot > div{flex-wrap:wrap;row-gap:10px}
.tl-track{height:196px}
.tl-start{top:92px}
.tl-gap{left:auto;right:0;top:0;text-align:right}
.tl-end{top:142px;left:0;right:auto;text-align:left;max-width:100%}
.kpi{padding:12px 10px}
.kpi-l{font-size:11px;line-height:1.3}
.kpi-n{font-size:26px;white-space:nowrap}
}
@media (min-width:901px){.sec-faq > div:first-child{position:sticky;top:48px;align-self:start}}

/* La réservation de démo (Cal.com) : une fenêtre SANS JavaScript, ouverte par
   :target (#reserver), refermée par #fermer (ancre sans cible : pas de saut),
   le bouton Retour ou un clic sur le fond. Le cadre est en loading="lazy" dans
   un bloc display:none : il ne se charge qu'à l'ouverture. */
.resa{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:24px}
.resa:target{display:flex}
html:has(.resa:target){overflow:hidden}
.resa-fond{position:absolute;inset:0;background:rgba(15,45,35,.72)}
.resa-boite{position:relative;display:flex;flex-direction:column;width:min(760px,100%);height:min(760px,100%);background:#FBF7EF;border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(7,25,19,.45)}
.resa-tete{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(22,49,40,.12)}
.resa-titre{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#163128}
.resa-fermer{font-size:15px;font-weight:600;color:#163128;text-decoration:none;padding:8px 16px;border-radius:999px;border:1px solid rgba(22,49,40,.25)}
.resa-fermer:hover,.resa-fermer:focus-visible{background:rgba(22,49,40,.06)}
.resa-cadre{flex:1;width:100%;border:0;background:#fff}
.resa-pied{margin:0;padding:10px 20px;font-size:13px;color:rgba(22,49,40,.72);border-top:1px solid rgba(22,49,40,.12)}
.resa-pied a{color:#B4513C}
@media (max-width:900px){.resa{padding:0}.resa-boite{width:100%;height:100%;border-radius:0}}