@charset "UTF-8";
/*
  Grand Futur — Section Valeurs / Ownership
  -------------------------------------------------
  Styles alignés sur la palette globale définie dans
  assets/css/colors.css.
*/

:root {
  --ownership-primary: var(--gf-primary, #00BFFF);
  --ownership-accent: var(--gf-accent, #E4007C);
  --ownership-cta: var(--gf-cta, #FFB100);
  --ownership-success: var(--gf-success, #1DD1A1);
  --ownership-ink: var(--gf-text, #2C2C2C);
  --ownership-muted: color-mix(in srgb, var(--ownership-ink) 65%, white 35%);
  --ownership-bg: var(--gf-bg, #FFFFFF);
  --ownership-surface: var(--gf-surface, #FFFFFF);
  --ownership-border: var(--gf-border, rgba(44, 44, 44, 0.08));
  --ownership-shadow-1: var(--gf-shadow-1, 0 10px 24px rgba(44, 44, 44, 0.12));
  --ownership-shadow-2: var(--gf-shadow-2, 0 24px 48px rgba(44, 44, 44, 0.16));
  --ownership-radius: 22px;
}

.ownership-section{
  padding:96px 6vw;
  position:relative;
  overflow:hidden;
  background:var(--ownership-bg);
  color:var(--ownership-ink);
}

/* Scope Marketplace */
.section-marketplace{
  --marketplace-bg: linear-gradient(135deg, color-mix(in srgb, var(--ownership-primary) 12%, #FFFFFF), #FFFFFF 60%);
  --ownership-bg: var(--marketplace-bg);
}

.ownership-section::before{
  content:"";
  position:absolute;
  inset:-20% -10% auto -10%;
  height:120%;
  /* background:radial-gradient(60% 40% at 20% 30%, color-mix(in srgb, var(--ownership-primary) 18%, transparent), transparent 70%),
             radial-gradient(50% 30% at 80% 60%, color-mix(in srgb, var(--ownership-accent) 12%, transparent), transparent 70%); */
  z-index:0;
}

.ownership-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:64px;
  align-items:center;
  position:relative;
  z-index:1;
}

.ownership-eyebrow{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ownership-primary);
  font-weight:700;
  margin:0 0 12px;
}

.ownership-title{
  font-size:clamp(28px,4vw,44px);
  line-height:1.1;
  margin:0 0 20px;
}

.ownership-title strong{
  color:var(--ownership-accent);
}

.ownership-highlight{
  background:var(--gf-gd-accent, linear-gradient(135deg, var(--ownership-accent), var(--ownership-cta)));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.ownership-description{
  font-size:17px;
  line-height:1.6;
  color:var(--ownership-muted);
  max-width:560px;
}

.ownership-points{
  margin-top:32px;
  display:grid;
  gap:18px;
}

.ownership-point{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.ownership-icon{
  width:28px;
  height:28px;
  flex-shrink:0;
  border-radius:50%;
  background:color-mix(in srgb, var(--ownership-primary) 18%, transparent);
  color:var(--ownership-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

.ownership-point p{
  margin:0;
  font-size:15px;
  color:var(--ownership-ink);
}

.ownership-card{
  background:var(--ownership-surface);
  border-radius:var(--ownership-radius);
  padding:36px 34px;
  /* box-shadow:var(--ownership-shadow-2);
  border:1px solid color-mix(in srgb, var(--ownership-primary) 18%, var(--ownership-border)); */
  position:relative;
}

.ownership-card::after{
  content:"";
  position:absolute;
  inset:auto -20px -20px auto;
  width:160px;
  height:160px;
  background:radial-gradient(circle at center, color-mix(in srgb, var(--ownership-cta) 22%, transparent), transparent 70%);
  filter:blur(10px);
  z-index:-1;
}

.ownership-card h3{
  margin:0 0 14px;
  font-size:22px;
}

.ownership-card p{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.6;
  color:var(--ownership-muted);
}

.ownership-metric{
  margin-top:28px;
  display:flex;
  justify-content:center;
}

/* Visuel principal */
.ownership-image{
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:18px;
  /* box-shadow:var(--ownership-shadow-1); */
  display:block;
}

.ownership-cta{
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  border-radius:999px;
  background:var(--gf-gd-cta, linear-gradient(135deg, var(--ownership-cta), var(--ownership-primary)));
  color:var(--gf-text-inverse, #FFFFFF);
  text-decoration:none;
  font-weight:600;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 12px 30px color-mix(in srgb, var(--ownership-cta) 45%, transparent);
}

.ownership-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px color-mix(in srgb, var(--ownership-cta) 60%, transparent);
}

@media (max-width:900px){
  .ownership-container{
    grid-template-columns:1fr;
    gap:48px;
  }
}