/* Page « Concepts métier » — porte d'entrée unique vers POLYRA, ATHLA, AXOM.
   Reste dans la charte du site (violet DYOU), chaque carte reprenant la teinte
   de son concept en accent. Chargée uniquement sur cette page. */
.cm-hero{position:relative;padding:clamp(120px,17vh,190px) 0 78px;overflow:hidden;isolation:isolate}
.cm-hero-glow{position:absolute;z-index:-1;top:-30%;right:-10%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,#6c5ce736,transparent 62%);filter:blur(12px)}
.cm-hero h1{max-width:900px;margin:14px 0 22px;font-size:clamp(2.9rem,6.4vw,5.6rem);line-height:.96;letter-spacing:-.045em}
.cm-hero .hero-intro{max-width:640px}
.cm-hero-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}
.cm-hero-facts>div{display:flex;flex-direction:column;gap:5px;padding:18px 26px 16px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent);border-radius:16px}
.cm-hero-facts strong{font-size:1.7rem;line-height:1;letter-spacing:-.03em}
.cm-hero-facts span{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;opacity:.62}

.cm-list{padding:20px 0 40px}
.cm-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(38px,5vw,64px) 0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.cm-card:nth-child(even){grid-template-columns:1.15fr .85fr}
.cm-card:nth-child(even) .cm-media{order:2}
.cm-media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border-radius:24px;background:#14141c}
.cm-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cm-card:hover .cm-media img{transform:scale(1.04)}
.cm-index{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid #ffffff3d;border-radius:50%;color:#fff;background:#0b0b12a1;backdrop-filter:blur(10px);font-size:.72rem;font-weight:800}
.cm-trade{margin:0;color:var(--cm-accent,#6c5ce7);font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.cm-card h2{margin:12px 0 0;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1;letter-spacing:.02em}
.cm-card h2 a{color:inherit;text-decoration:none}
.cm-claim{margin:14px 0 0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:600;line-height:1.3;letter-spacing:-.02em}
.cm-text{max-width:520px;margin:16px 0 0;line-height:1.65;opacity:.72}
.cm-tool{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:10px 16px;border:1px solid color-mix(in srgb,var(--cm-accent,#6c5ce7) 40%,transparent);border-radius:999px;color:var(--cm-accent,#6c5ce7);font-size:.76rem;font-weight:750}
.cm-tool i{font-size:.6rem;font-style:normal}
.cm-link{display:flex;width:max-content;align-items:center;gap:12px;margin-top:26px;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:inherit}
.cm-link span{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:50%;transition:transform .35s}
.cm-link:hover span{transform:rotate(45deg)}
.cm-polyra{--cm-accent:#d98a51}
.cm-athla{--cm-accent:#7ba800}
.cm-axom{--cm-accent:#2a86e8}
.cm-velor{--cm-accent:#a33a4e}

.cm-method{padding:clamp(70px,9vw,120px) 0}
.cm-method h2{margin:14px 0 0;font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.04em}
.cm-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.cm-method-grid article{padding:30px 26px 34px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:20px}
.cm-method-grid span{color:#6c5ce7;font-size:.72rem;font-weight:800;letter-spacing:.1em}
.cm-method-grid h3{margin:18px 0 9px;font-size:1.25rem}
.cm-method-grid p{margin:0;line-height:1.6;opacity:.72}

.cm-cta .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:end;padding-bottom:clamp(70px,9vw,110px)}
.cm-cta h2{margin:14px 0 18px;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1;letter-spacing:-.04em}
.cm-cta p:last-of-type{max-width:520px;margin:0;line-height:1.65;opacity:.72}
.cm-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}

@media(max-width:900px){
  .cm-card,.cm-card:nth-child(even){grid-template-columns:1fr;gap:26px}
  .cm-card:nth-child(even) .cm-media{order:0}
  .cm-media{aspect-ratio:16/11;border-radius:18px}
  .cm-method-grid{grid-template-columns:1fr}
  .cm-cta .wrap{grid-template-columns:1fr;gap:28px;align-items:start}
}
@media(max-width:600px){
  .cm-hero{padding-top:clamp(96px,14vh,140px)}
  .cm-hero-facts{gap:10px}
  .cm-hero-facts>div{padding:14px 18px 12px}
  .cm-card h2{font-size:2.5rem}
  .cm-claim{font-size:1.15rem}
}