@font-face{font-family:'Outfit';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/outfit-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:'Outfit';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/outfit-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:'Playfair Display';font-style:italic;font-weight:500 600;font-display:swap;src:url(/fonts/playfair-italic-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:'Playfair Display';font-style:italic;font-weight:500 600;font-display:swap;src:url(/fonts/playfair-italic-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}
/* Accueil ARENAS — direction produit, blanche et aérée. */
:root{--ink:#0d1730;--muted:#616b7d;--soft:#f3f5f9;--line:#dfe4ee;--blue:#0b2a6b;--green:#007e61;--green-bright:#00c896;--display:"Outfit",sans-serif;--serif:"Playfair Display",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-family:var(--display)}h1,h2{font-weight:650;letter-spacing:-.04em;line-height:1.07}h2{font-size:clamp(38px,4.7vw,64px)}p{line-height:1.6}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,.steps-grid:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a,button{touch-action:manipulation}[id]{scroll-margin-top:105px}.wrap{width:min(1168px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:16px}.skip:focus{top:14px}.logo-img{width:124px;height:auto;filter:none}
.site-nav{position:relative;z-index:50;background:#fff}.nav-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;align-items:center;gap:36px;color:#626460;font-size:15px}.nav-links a{padding:13px 0;transition:color .2s}.nav-links a:hover{color:#111}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 26px;border-radius:100px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:15px;font-weight:500;transition:background .2s,box-shadow .2s}.button:hover{background:#17408a;box-shadow:0 5px 15px #00000012}.button svg{width:16px;height:16px}.nav-cta{white-space:nowrap;min-height:44px;padding:10px 23px}.nav-burger{flex-shrink:0;display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}.nav-burger span{height:1.5px;width:21px;background:var(--ink)}
.hero{text-align:center;padding:58px 0 0;overflow:hidden}.hero h1{font-size:clamp(42px,5.1vw,70px);max-width:1050px;margin:auto}.hero .sub{font-size:17px;color:var(--muted);max-width:495px;margin:30px auto 0}.hero-visual{height:640px;position:relative;max-width:1150px;margin:68px auto 0;isolation:isolate}.device{background:#202222;padding:7px;border-radius:39px;border:1px solid #555854;box-shadow:0 18px 42px #1c242d1a,0 3px 5px #0003;overflow:hidden}.device img{width:100%;border-radius:31px}.hero-visual .device{position:absolute;width:264px;left:50%;top:0}.hero-visual .main-device{transform:translateX(-50%);z-index:3}.hero-visual .left-device{transform:translateX(calc(-50% - 240px)) rotate(-10deg);top:55px;z-index:1}.hero-visual .right-device{transform:translateX(calc(-50% + 240px)) rotate(10deg);top:55px;z-index:2}.hero-visual:after{content:"";position:absolute;bottom:-1px;left:-10%;right:-10%;height:125px;background:linear-gradient(transparent,#fff 85%);z-index:5;pointer-events:none}.hero-note{position:absolute;top:165px;font-size:13px;color:#70716e;line-height:1.6;text-align:left;left:20px;z-index:4}.hero-note.right{left:auto;right:0;top:345px}.hero-note strong{display:block;color:var(--ink);font-size:17px;font-weight:500}.hero-note:after{content:"";display:block;width:50px;height:1px;background:#bcbeb8;margin-top:13px}.hero-bottom{position:relative;z-index:6;margin-top:0;padding:70px 20px}.hero-bottom h2{font-size:clamp(36px,4.4vw,58px);margin-bottom:28px}.hero h1,.hero-bottom h2,.experience h2,.explore h2,.community h2{color:var(--blue)}
h1 .accent,h2 .accent,.hero-bottom h2 .accent{color:var(--green)}.fine{font-size:13px;color:var(--muted);margin-top:16px}
.section{padding:110px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 56px}.section-head p{font-size:17px;color:var(--muted);margin:22px auto 0;max-width:470px}.steps{background:#0d1730;color:#f4f6fb}.steps h2 .accent{color:var(--green-bright)}.steps .section-head p{color:#b1bfd9}.steps .button{background:#f4f6fb;border-color:#f4f6fb;color:var(--blue)}.steps .button:hover{background:#dce7ff}.step{color:var(--ink)}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{overflow:hidden;border-radius:26px;background:#dde7f5}.step:nth-child(2){background:#e7eef6}.step:nth-child(3){background:#dceae7}.step-visual{height:370px;overflow:hidden;padding:42px 30px 0}.step .device{width:225px;margin:auto;transform:rotate(-5deg);padding:5px;border-radius:32px}.step:nth-child(2) .device{transform:rotate(0deg)}.step:nth-child(3) .device{transform:rotate(5deg)}.step .device img{border-radius:26px}.step-copy{position:relative;padding:28px 27px 32px;background:#ffffffad;min-height:205px}.step .n{font-size:12px;color:#5e625d;margin-bottom:11px}.step h3{font-size:27px;font-weight:600;letter-spacing:-.04em}.step p{font-size:15px;color:#626661;margin-top:12px;line-height:1.55}.center{text-align:center;margin-top:42px}.text-link{font-size:15px;display:inline-flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #a5a6a1}.text-link:hover{color:var(--blue);border-color:var(--blue)}
.experience{padding:130px 0}.experience-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.experience-copy>p{font-size:17px;color:var(--muted);margin:25px 0 32px;max-width:400px}.feature-options{border-top:1px solid var(--line)}.feature-option{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:22px 0;color:#626660}.feature-option .option-title{display:flex;justify-content:space-between;align-items:center;font-size:21px;letter-spacing:-.035em}.feature-option .option-title:after{content:"+";font-size:25px;font-weight:300}.feature-option[aria-pressed="true"]{color:var(--blue)}.feature-option[aria-pressed="true"] .option-title:after{content:"−"}.option-copy{display:none;max-width:390px;font-size:15px;color:var(--muted);line-height:1.6;margin-top:14px}.feature-option[aria-pressed="true"] .option-copy{display:block}.experience-stage{background:#edf2fb;border-radius:30px;padding:45px 30px;display:flex;align-items:center;justify-content:center;min-height:665px;position:relative}.experience-stage .device{width:260px}.experience-caption{position:absolute;bottom:14px;font-size:11px;color:#626660}.experience-copy>.text-link{margin-top:24px}
.aede{text-align:center;padding:80px 0 130px}.aede .label{font-size:14px;color:var(--muted);margin-bottom:35px}.aede blockquote{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:clamp(26px,3.5vw,45px);font-weight:400;line-height:1.35;letter-spacing:-.035em;max-width:890px;margin:0 auto}.aede blockquote span{color:#607594}.aede .fine{margin-top:28px}.community{background:#edf2fb;overflow:hidden}.community .wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.community-copy p{font-size:17px;color:var(--muted);margin-top:26px;max-width:425px}.community-art{height:580px;position:relative}.community-art .device{width:253px;position:absolute;left:50%;top:0;transform:translateX(-50%) rotate(7deg)}.community .text-link{margin-top:28px}.sports-band{padding:58px 0;border-bottom:1px solid var(--line)}.sports-band summary{display:flex;justify-content:space-between;align-items:center;font-size:23px;letter-spacing:-.03em;cursor:pointer;min-height:44px;list-style:none}.sports-band summary::-webkit-details-marker{display:none}.sports-band summary:after{content:"+";font-size:30px;font-weight:300}.sports-band details[open] summary:after{content:"−"}.sports{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:35px}.sline .lb{display:block;font-size:12px;color:#575c57;margin-bottom:10px}.sline .vals{font-size:16px;color:var(--muted);line-height:1.8}.propose{grid-column:1/-1;font-size:15px;color:var(--muted)}
.explore .section-head{text-align:left;margin-left:0}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}.cell{padding:25px 32px 25px 0;border-top:1px solid var(--line);position:relative}.cell:after{content:"↗";position:absolute;right:0;top:26px;font-size:22px;color:#6b7069}.cell .lab{font-size:12px;color:var(--muted);margin-bottom:10px}.cell h3{font-size:20px;font-weight:600;letter-spacing:-.025em;transition:color .2s}.cell p{font-size:14px;color:var(--muted);margin-top:9px;max-width:440px}.cell:hover h3{color:var(--blue)}
.download{text-align:center;background:#0d1730;color:#f4f6fb;padding:105px 0 90px}.download h2 .accent{color:var(--green-bright)}.download .trust{color:#c1cee6}.download .store{outline:1px solid #ffffff3b;outline-offset:0}.download-icon{width:86px;height:86px;object-fit:contain;margin:0 auto 30px}.stores{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-top:32px}.store{border-radius:9px;transition:opacity .2s}.store:hover{opacity:.75}.store img{height:48px;width:auto}.trust{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:#686b65}.site-footer{padding:65px 0 25px}.fbar{display:grid;grid-template-columns:1fr 2fr;gap:38px}.fbar>.logo-img{width:132px}.f-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px;font-size:13px;color:var(--muted)}.f-links a:hover{text-decoration:underline}.socials{display:flex;gap:5px;align-items:center}.socials a{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.copy{align-self:center;font-size:12px;color:var(--muted);text-align:right}.etym{font-size:13px!important}
@media(min-width:1500px){.hero{padding-top:80px}.hero-visual{margin-top:85px}}
@media(max-width:1100px){.hero-note{display:none}.experience-layout{gap:45px}.community .wrap{gap:55px}.step-visual{padding-left:15px;padding-right:15px}.nav-links{gap:24px}.step .device{max-width:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav-inner{height:76px;gap:12px}.logo-img{width:110px}.nav-cta{margin-left:auto;font-size:13px;min-height:42px;padding:10px 17px}.nav-burger{display:flex}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #00000009}.menu-open .nav-links{display:flex}.menu-open .nav-burger span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .nav-burger span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.hero{padding-top:42px}.hero h1{font-size:clamp(38px,7.8vw,58px);letter-spacing:-.05em}.hero .sub{font-size:16px;max-width:370px;margin-top:24px}.hero-visual{height:500px;margin-top:46px}.hero-visual .device{width:210px;border-radius:33px;padding:6px}.hero-visual .device img{border-radius:26px}.hero-visual .left-device{transform:translateX(calc(-50% - 163px)) rotate(-12deg);top:48px}.hero-visual .right-device{transform:translateX(calc(-50% + 163px)) rotate(12deg);top:48px}.hero-visual:after{height:90px}.hero-bottom{padding:48px 20px;margin-top:0}.hero-bottom h2{font-size:37px;margin-bottom:25px}.section{padding:75px 0}.section-head{margin-bottom:36px}.section-head p{font-size:16px}.steps-grid{gap:12px;grid-template-columns:repeat(3,290px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 20px;scrollbar-width:thin}.step{scroll-snap-align:center}.step-visual{height:315px}.step .device{width:210px}.step-copy{padding:25px;min-height:210px}.experience{padding:80px 0}.experience-layout{grid-template-columns:1fr;gap:38px}.experience-copy>p{max-width:100%;font-size:16px}.experience-stage{min-height:605px;padding:32px 20px}.experience-stage .device{width:240px}.aede{padding:25px 0 80px}.aede blockquote{font-family:var(--serif);font-style:italic;color:var(--blue);font-size:29px}.community .wrap{grid-template-columns:1fr;gap:45px}.community-art{height:540px;grid-row:2}.community-copy p{font-size:16px}.community-art .device{width:235px}.sports{grid-template-columns:1fr;gap:22px}.sports-band{padding:35px 0}.sports-band summary{font-size:20px}.more-grid{grid-template-columns:1fr}.explore .section-head{margin-bottom:28px}.cell p{max-width:none}.download{padding:75px 0 65px}.download h2{font-size:40px}.trust{gap:13px 20px;font-size:12px}.fbar{grid-template-columns:1fr;gap:30px}.f-links{grid-template-columns:repeat(2,1fr);gap:8px 20px}.f-links a{min-height:36px;display:flex;align-items:center}.copy{text-align:left}.site-footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Cadre de face iPhone 17 Pro Max : capture native 1320 × 2868. */
.device{position:relative;container-type:inline-size;background:linear-gradient(120deg,#b9bcc1,#3d4148 12%,#111318 50%,#858a91);box-shadow:inset 0 0 0 2px #a9adb4,0 18px 42px #1c242d26,0 3px 5px #0005}
.device img{display:block;height:auto;aspect-ratio:1320/2868;object-fit:contain;background:#0d1730}
.device::after{content:"";position:absolute;z-index:1;pointer-events:none;width:28%;height:3.3%;top:3%;left:36%;border-radius:999px;background:#050507;box-shadow:inset -2px 0 2px #191b23}

.story-share{background:#fff}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-copy h2{color:var(--blue)}.story-copy>p:not(.story-eyebrow){font-size:17px;color:var(--muted);margin-top:24px;max-width:440px}.story-copy strong{color:var(--blue)}.story-eyebrow{font-size:13px;color:var(--blue);margin-bottom:24px}.story-copy .text-link{margin-top:28px}.story-art{margin:0;background:#edf2fb;border-radius:30px;padding:42px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.story-art .device{width:260px;max-width:100%}.story-art figcaption{font-size:12px;color:#626660;text-align:center;max-width:280px}@media(max-width:760px){.story-layout{grid-template-columns:1fr;gap:36px}.story-copy>p:not(.story-eyebrow){font-size:16px}.story-art .device{width:240px}}

.hero-stores{margin:26px auto 0;justify-content:center}.hero-free{font-size:12px;color:var(--muted);margin-top:14px}.hero .hero-visual{margin-top:42px}

.home-faq{background:#f3f5f9}.home-faq .section-head h2{color:var(--blue)}.home-faq-list{max-width:800px;margin:auto}.home-faq details{border-top:1px solid #cbd5e5;padding:20px 0}.home-faq details:last-child{border-bottom:1px solid #cbd5e5}.home-faq summary{cursor:pointer;font-size:19px;font-weight:600;color:var(--blue);min-height:44px;align-content:center}.home-faq details p{font-size:16px;line-height:1.7;color:var(--muted);margin:14px 0 8px}.home-faq a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}

/* Entrées ponctuelles : aucune boucle de parallaxe pendant le défilement. */
@media(prefers-reduced-motion:no-preference){
  .hero-visual.motion-entered .left-device{animation:arena-fan-left 1.5s cubic-bezier(.25,.1,.25,1) backwards}
  .hero-visual.motion-entered .right-device{animation:arena-fan-right 1.5s cubic-bezier(.25,.1,.25,1) backwards}
  .experience-stage.motion-entered .device,.story-art.motion-entered .device,.community-art.motion-entered .device{animation:arena-phone-in 1.5s cubic-bezier(.25,.1,.25,1) backwards}
  @keyframes arena-fan-left{from{translate:65px 35px;rotate:6deg}to{translate:0 0;rotate:0deg}}
  @keyframes arena-fan-right{from{translate:-65px 35px;rotate:-6deg}to{translate:0 0;rotate:0deg}}
  @keyframes arena-phone-in{from{translate:0 25px}to{translate:0 0}}
  .hero h1 .accent{display:inline-block;animation:arena-accent-in .85s cubic-bezier(.22,1,.36,1) both}
  .button span,.text-link span{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
  .store{transition:transform .3s,opacity .2s}.store:hover{transform:translateY(-4px)}
  .feature-option[aria-pressed="true"] .option-copy{animation:arena-copy-in .4s ease-out}
  @keyframes arena-accent-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes arena-copy-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
}