.vitrine{--encre:#111317;--doux:#5b6268;--ligne:#e2e7ea;position:relative;overflow:hidden;padding:clamp(30px,5vw,64px) clamp(16px,4vw,48px) clamp(40px,5vw,72px);background:radial-gradient(110% 62% at 50% 100%,#e6ecef 0,#f4f7f8 42%,#fff 74%);color:var(--encre);font-family:Manrope,Arial,sans-serif;text-align:center}.vitrine *{box-sizing:border-box}.vitrine-texte{max-width:900px;margin:0 auto}.vitrine-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:750;letter-spacing:1.7px;color:#3a4045}.vitrine .live-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#23bf73;box-shadow:0 0 0 5px #e5f6ed}.vitrine h1{margin:0;font-size:clamp(36px,5.1vw,66px);line-height:1;letter-spacing:-.055em;font-weight:620}.vitrine h1 span{display:block}.vitrine h1 .title-lead{color:var(--encre);font-weight:650}.vitrine h1 .title-second{margin-top:.1em;color:#6d7278;font-weight:470}.vitrine-intro{max-width:540px;margin:22px auto 0;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:#383e43}.vitrine-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;margin-top:26px}.vitrine-bouton{display:inline-flex;align-items:center;gap:26px;padding:15px 20px;border-radius:10px;background:#111318;color:#fff;font-size:13px;font-weight:650;text-decoration:none}.vitrine-bouton:hover{background:#2a2d32}.vitrine-lien{display:inline-flex;align-items:center;gap:8px;color:var(--encre);font-size:13px;font-weight:650;text-decoration:none}.vitrine-lien:after{content:"\2192"}.vitrine-lien:hover{text-decoration:underline}.vitrine-lien .play{display:none}.vitrine a:focus-visible,.vitrine button:focus-visible{outline:3px solid #0097b2;outline-offset:4px}.vitrine-appareils{position:relative;max-width:1120px;margin:clamp(34px,5vw,64px) auto 0;padding-right:clamp(64px,17%,190px);text-align:left}.vitrine-seule .vitrine-appareils{margin-top:0}.vitrine figure{margin:0}.vitrine-affiche,.vitrine video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.vitrine video{opacity:0;transition:opacity .7s ease}.vitrine video.visible{opacity:1}.vitrine-mac{position:relative;filter:drop-shadow(0 34px 38px rgba(20,32,42,.18))}.mac-ecran{position:relative;padding:2.1% 2.1% 2.5%;border-radius:clamp(10px,1.9vw,24px) clamp(10px,1.9vw,24px) 0 0;background:#0b0c0e;box-shadow:0 0 0 1px #a3a9b0,inset 0 0 0 1px #2c2f34}.mac-ecran:before{content:"";position:absolute;z-index:3;top:0;left:50%;translate:-50% 0;width:10%;height:2.4%;border-radius:0 0 8px 8px;background:#0b0c0e}.mac-dalle{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:3px;background:#e9edf0}.mac-socle{position:relative;height:clamp(9px,1.5vw,19px);margin:0 -6.5%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(#f3f5f7,#d2d7dc 38%,#a7adb4)}.mac-socle:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:15%;height:44%;border-radius:0 0 12px 12px;background:linear-gradient(#b6bbc1,#dadee2)}.mac-film{position:absolute;z-index:2;left:2.6%;bottom:3.6%;margin:0;padding:.5em .95em;border-radius:999px;background:#ffffffe6;box-shadow:0 6px 18px #1018201f;color:#1d2125;font-size:clamp(9px,1vw,12.5px);font-weight:700;letter-spacing:-.01em;opacity:0;transition:opacity .5s}.mac-film.visible,.vitrine-mac:not(.joue) .mac-film:first-of-type{opacity:1}.vitrine-iphone{container-type:inline-size;position:absolute;z-index:3;right:0;bottom:-2.5%;width:clamp(112px,22.5%,252px);filter:drop-shadow(0 28px 34px rgba(16,24,32,.3))}.iphone-corps{position:relative;padding:3.3cqw;border-radius:16.5cqw;background:linear-gradient(150deg,#5a5e64,#1c1e22 28%,#2b2e33 72%,#50545a);box-shadow:inset 0 0 0 .8cqw #121316}.iphone-corps:before,.iphone-corps:after{content:"";position:absolute;left:-1.2cqw;width:1.2cqw;border-radius:2px 0 0 2px;background:#2b2e33}.iphone-corps:before{top:20%;height:6%}.iphone-corps:after{top:29%;height:10%}.iphone-ecran{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:393/852;border-radius:13cqw;background:#000;color:#fff;font-size:4cqw;line-height:1.3}.iphone-ecran:before,.iphone-ecran:after{content:"";position:absolute;z-index:1;left:0;right:0;pointer-events:none}.iphone-ecran:before{top:0;height:26%;background:linear-gradient(#080a0c80,#080a0c00)}.iphone-ecran:after{bottom:0;height:38%;background:linear-gradient(#080a0c00,#080a0c9e)}.iphone-ilot{position:absolute;z-index:4;top:3cqw;left:50%;translate:-50% 0;width:31cqw;height:9cqw;border-radius:99px;background:#000}.appel-statut{position:absolute;z-index:3;top:4.4cqw;left:9cqw;right:8cqw;display:flex;justify-content:space-between;align-items:center;font-size:4.2cqw;font-weight:650}.appel-statut svg{width:17cqw;height:auto}.appel-haut{position:absolute;z-index:3;top:17cqw;left:6cqw;right:6cqw;display:flex;align-items:flex-start;justify-content:space-between;gap:3cqw;text-shadow:0 1px 5px rgba(0,0,0,.45)}.appel-titres{position:relative;flex:1;min-width:0;min-height:11cqw}.appel-titre{position:absolute;inset:0 auto auto 0;display:flex;flex-direction:column;gap:.6cqw;max-width:100%;margin:0;font-size:max(4.6cqw,9px);transition:opacity .35s}.appel-titre strong{overflow:hidden;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.appel-titre small{color:#ffffffc2;font-size:max(3.4cqw,7.5px);font-weight:500}.appel-duree{color:#ffffffc2;font-size:max(3.6cqw,7.5px);font-variant-numeric:tabular-nums}.appel-replique{position:absolute;z-index:3;left:0;right:0;bottom:25cqw;width:fit-content;max-width:86%;margin:0 auto;padding:1.4cqw 3cqw;border-radius:3.4cqw;background:#0c0e1094;backdrop-filter:blur(6px);text-align:center;font-size:max(4.3cqw,9px);font-weight:550;transition:opacity .3s}.appel-replique b{font-weight:780}.appel-boutons{position:absolute;z-index:3;left:6cqw;right:6cqw;bottom:8cqw;display:flex;justify-content:space-between}.appel-boutons i{display:grid;place-items:center;width:14cqw;height:14cqw;border-radius:50%;background:#ffffff38;backdrop-filter:blur(6px)}.appel-boutons i:last-child{background:#ec4a46}.appel-boutons svg{width:6.4cqw;height:6.4cqw}.vitrine-iphone.joue [data-de]{opacity:0}.vitrine-iphone.joue [data-de].visible{opacity:1}.vitrine-iphone:not(.joue) .appel-titre+.appel-titre,.vitrine-iphone:not(.joue) .appel-replique~.appel-replique{display:none}.vitrine-pause{position:absolute;z-index:4;left:0;bottom:calc(-1*clamp(34px,4vw,46px));display:inline-flex;align-items:center;gap:8px;padding:8px 2px;border:0;background:none;color:var(--doux);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.vitrine-pause:hover{color:var(--encre)}.vitrine-pause[aria-pressed=true] .si-joue,.vitrine-pause[aria-pressed=false] .si-pause{display:none}.vitrine-preuves{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;max-width:760px;margin:clamp(60px,6vw,84px) auto 0;color:#475056;font-size:12px;font-weight:600}.vitrine-preuves i{display:none}@media (max-width:760px){.vitrine{text-align:left}.vitrine-texte{max-width:none}.vitrine-intro{margin-left:0}.vitrine-actions{justify-content:flex-start}.vitrine-appareils{padding-right:0;padding-bottom:30%}.vitrine-mac{width:86%}.vitrine-iphone{width:41%;bottom:-3%}.vitrine-preuves{display:none}.vitrine-pause{bottom:-40px}}@media (prefers-reduced-motion:reduce){.vitrine video,.vitrine [data-de],.mac-film{transition:none}}.vitrine-seule{overflow:visible;margin:0 0 clamp(56px,7vw,96px);padding:0 0 clamp(30px,4vw,48px);background:none}[dir=rtl] .vitrine-lien:after{content:"\2190"}
