:root {
      --ink: #0a0a0b;
      --ink-2: #111114;
      --ink-3: #18181c;
      --paper: #f2efe8;
      --muted: #a4a1a8;
      --line: rgba(255,255,255,.14);
      --line-dark: rgba(10,10,11,.16);
      --acid: #ffd52f;
      --violet: #ff315f;
      --cyan: #2ea7ff;
      --orange: #ff7a18;
      --pink: #d32668;
      --brand-red: #ff315f;
      --brand-blue: #1260ff;
      --brand-gold: #e4c478;
      --radius: 26px;
      --radius-sm: 16px;
      --shadow: 0 30px 90px rgba(0,0,0,.35);
      --max: 1320px;
      --nav-h: 82px;
      --ease: cubic-bezier(.22,1,.36,1);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--paper);
      background: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    body.menu-open { overflow: hidden; }
    ::selection { color: var(--ink); background: var(--acid); }
    a { color: inherit; text-decoration: none; }
    button, input, textarea, select { font: inherit; }
    button { color: inherit; }
    img, svg { display: block; max-width: 100%; }
    h1,h2,h3,p { margin-top: 0; }

    .noise {
      position: fixed;
      inset: 0;
      z-index: 999;
      pointer-events: none;
      opacity: .035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
      mix-blend-mode: soft-light;
    }

    .cursor-dot, .cursor-ring {
      position: fixed;
      left: 0; top: 0;
      border-radius: 50%;
      pointer-events: none;
      z-index: 1000;
      opacity: 0;
      transform: translate(-50%,-50%);
    }
    .cursor-dot { width: 7px; height: 7px; background: var(--acid); }
    .cursor-ring { width: 38px; height: 38px; border: 1px solid rgba(199,255,38,.75); transition: width .2s, height .2s, background .2s, border .2s; }
    .cursor-ring.active { width: 58px; height: 58px; background: rgba(199,255,38,.12); border-color: transparent; }

    .site-header {
      position: fixed;
      z-index: 100;
      inset: 0 0 auto;
      height: var(--nav-h);
      display: flex;
      align-items: center;
      transition: background .35s, border-color .35s, backdrop-filter .35s;
      border-bottom: 1px solid transparent;
    }
    .site-header.scrolled {
      background: rgba(10,10,11,.76);
      backdrop-filter: blur(18px);
      border-color: var(--line);
    }
    .nav-shell {
      width: min(calc(100% - 48px), var(--max));
      margin: auto;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 24px;
    }
    .brandmark {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      width: fit-content;
      font-weight: 900;
      letter-spacing: -.04em;
      font-size: 19px;
    }
    .brandmark-symbol {
      width: 30px; height: 30px;
      display: grid; place-items: center;
      border-radius: 9px;
      color: var(--ink);
      background: var(--acid);
      font-size: 14px;
      transform: rotate(-5deg);
      box-shadow: 0 0 30px rgba(199,255,38,.2);
    }
    .brandmark small { color: var(--muted); font-size: 9px; letter-spacing: .18em; margin-left: 3px; vertical-align: 2px; }
    .main-nav { display: flex; align-items: center; gap: 5px; }
    .nav-link {
      padding: 10px 14px;
      border-radius: 999px;
      color: #c8c6ca;
      font-size: 13px;
      font-weight: 650;
      border: 0;
      background: transparent;
      cursor: pointer;
      transition: color .25s, background .25s;
    }
    .nav-link:hover, .nav-link.active { color: white; background: rgba(255,255,255,.08); }
    .nav-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
    .nav-cta {
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 11px 16px;
      background: var(--paper);
      color: var(--ink);
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      transition: transform .25s var(--ease), background .25s;
    }
    .nav-cta:hover { transform: translateY(-2px); background: var(--acid); }
    .menu-button {
      display: none;
      width: 44px; height: 44px;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: transparent;
      cursor: pointer;
    }
    .menu-button span, .menu-button span::before, .menu-button span::after {
      width: 16px; height: 1.5px; background: white; display: block; position: relative; transition: .25s;
    }
    .menu-button span::before, .menu-button span::after { content:""; position: absolute; left: 0; }
    .menu-button span::before { top: -5px; }
    .menu-button span::after { top: 5px; }
    .menu-open .menu-button span { background: transparent; }
    .menu-open .menu-button span::before { transform: translateY(5px) rotate(45deg); }
    .menu-open .menu-button span::after { transform: translateY(-5px) rotate(-45deg); }

    main { min-height: 100vh; }
    .page { display: none; opacity: 0; }
    .page.active { display: block; animation: pageIn .7s var(--ease) forwards; }
    @keyframes pageIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: none; } }

    .section-shell { width: min(calc(100% - 48px), var(--max)); margin: auto; }
    .section { padding: 120px 0; position: relative; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 22px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: .19em;
      font-weight: 800;
      font-size: 10px;
    }
    .eyebrow::before { content:""; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 20px var(--acid); }
    .display {
      margin: 0;
      font-size: clamp(55px, 9.8vw, 152px);
      line-height: .84;
      letter-spacing: -.075em;
      font-weight: 950;
      text-transform: uppercase;
    }
    .section-title {
      max-width: 960px;
      font-size: clamp(42px, 7vw, 95px);
      line-height: .91;
      letter-spacing: -.065em;
      font-weight: 900;
      margin-bottom: 28px;
    }
    .section-copy { max-width: 660px; color: var(--muted); font-size: clamp(17px, 1.6vw, 22px); line-height: 1.55; }
    .stroke { color: transparent; -webkit-text-stroke: 1.2px rgba(242,239,232,.8); }
    .acid { color: var(--acid); }
    .violet { color: var(--violet); }
    .cyan { color: var(--cyan); }

    .hero {
      min-height: 100svh;
      display: flex;
      align-items: flex-end;
      padding: calc(var(--nav-h) + 70px) 0 42px;
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }
    .hero::after {
      content:"";
      position: absolute;
      z-index: -2;
      width: 680px; height: 680px;
      border-radius: 50%;
      right: -180px; top: -170px;
      background: radial-gradient(circle at 35% 35%, rgba(255,49,95,.34), rgba(46,167,255,.12) 42%, transparent 68%);
      filter: blur(5px);
      animation: orbFloat 9s ease-in-out infinite;
    }
    .hero-grid {
      position: absolute; inset: 0; z-index: -3; opacity: .33;
      background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
      background-size: 70px 70px;
      mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.55) 70%, transparent 100%);
    }
    .hero-shell { width: min(calc(100% - 48px), var(--max)); margin: auto; position: relative; }
    .hero-topline { display:flex; justify-content: space-between; align-items:flex-end; gap:30px; margin-bottom: 28px; }
    .hero-kicker { max-width: 520px; color:#c4c1c7; font-size: 15px; line-height: 1.6; }
    .hero-index { font-size: 11px; color: var(--muted); letter-spacing: .18em; text-transform: uppercase; text-align:right; }
    .hero-word { position: relative; }
    .hero-word .spark {
      position: absolute;
      right: 7%; top: -18%;
      width: clamp(72px, 10vw, 150px);
      aspect-ratio: 1;
      border-radius: 50%;
      display: grid; place-items:center;
      color: var(--ink);
      background: var(--acid);
      font-size: clamp(15px,1.4vw,21px);
      font-weight: 900;
      line-height: .9;
      letter-spacing: -.06em;
      text-align:center;
      transform: rotate(10deg);
      box-shadow: 0 0 80px rgba(199,255,38,.25);
      animation: spark 7s ease-in-out infinite;
    }
    .hero-bottom { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--line); display:grid; grid-template-columns: 1.3fr repeat(3, .6fr); gap: 24px; align-items:end; }
    .hero-bottom p { color: var(--muted); max-width: 490px; line-height:1.6; margin:0; }
    .mini-stat strong { display:block; font-size: clamp(25px,3vw,42px); letter-spacing:-.05em; }
    .mini-stat span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
    .scroll-cue { position:absolute; right: 0; bottom: 2px; width:42px; height:68px; border:1px solid var(--line); border-radius:999px; display:grid; place-items:start center; padding-top:10px; }
    .scroll-cue::after { content:""; width:4px; height:12px; border-radius:99px; background:var(--acid); animation: scrollCue 1.8s infinite; }
    @keyframes scrollCue { 0%{transform:translateY(0);opacity:0} 25%{opacity:1} 75%{opacity:1} 100%{transform:translateY(31px);opacity:0} }
    @keyframes orbFloat { 50%{ transform:translate(-35px,35px) scale(1.06); } }
    @keyframes spark { 50%{ transform:rotate(-8deg) translateY(18px); } }

    .marquee { overflow:hidden; border-block:1px solid var(--line); background:var(--paper); color:var(--ink); }
    .marquee-track { display:flex; width:max-content; animation: marquee 28s linear infinite; }
    .marquee-item { padding:19px 22px; font-size:13px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; display:flex; align-items:center; gap:36px; }
    .marquee-item::after { content:"✦"; color:var(--violet); font-size:18px; }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .intro-grid { display:grid; grid-template-columns: .8fr 1.3fr; gap: 80px; align-items:start; }
    .intro-aside { position:sticky; top:130px; }
    .intro-aside p { color:var(--muted); max-width:330px; line-height:1.6; }
    .round-link { width:92px; height:92px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; margin-top:30px; background:transparent; cursor:pointer; transition:.35s var(--ease); }
    .round-link:hover { background:var(--acid); color:var(--ink); transform:rotate(-8deg) scale(1.05); border-color:var(--acid); }
    .intro-statement { font-size:clamp(38px,5vw,72px); line-height:1.02; letter-spacing:-.055em; font-weight:700; }
    .intro-statement .dim { color:#55545a; }

    .brands-section { background:var(--paper); color:var(--ink); border-radius:42px 42px 0 0; }
    .brands-section .eyebrow { color:#66636a; }
    .brands-section .section-copy { color:#605e63; }
    .brands-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:55px 0 28px; }
    .filters { display:flex; flex-wrap:wrap; gap:8px; }
    .filter-button { border:1px solid var(--line-dark); border-radius:999px; padding:10px 15px; color:#4f4d52; background:transparent; cursor:pointer; font-size:12px; font-weight:750; transition:.25s; }
    .filter-button.active, .filter-button:hover { background:var(--ink); border-color:var(--ink); color:white; }
    .brands-count { color:#77747a; font-size:12px; }
    .brand-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
    .brand-card {
      min-height:430px;
      grid-column:span 4;
      position:relative;
      overflow:hidden;
      padding:28px;
      border-radius:var(--radius);
      border:1px solid var(--line-dark);
      background:#e7e3da;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:transform .45s var(--ease), box-shadow .45s var(--ease), opacity .3s;
      transform-style:preserve-3d;
    }
    .brand-card:nth-child(1), .brand-card:nth-child(6) { grid-column:span 8; }
    .brand-card:hover { box-shadow:0 35px 70px rgba(28,25,18,.18); }
    .brand-card.hidden { display:none; }
    .brand-card-top { display:flex; justify-content:space-between; align-items:flex-start; position:relative; z-index:2; }
    .brand-type { font-size:10px; letter-spacing:.14em; font-weight:800; text-transform:uppercase; color:rgba(10,10,11,.55); }
    .brand-arrow { width:42px; height:42px; border:1px solid rgba(10,10,11,.25); border-radius:50%; display:grid; place-items:center; transition:.25s; }
    .brand-card:hover .brand-arrow { background:var(--ink); color:white; transform:rotate(45deg); }
    .brand-art { position:absolute; inset:58px 12px 112px; display:grid; place-items:center; pointer-events:none; }
    .brand-art svg { width:75%; height:75%; }
    .brand-logo { width:min(58%, 280px); max-height:205px; object-fit:contain; filter:drop-shadow(0 18px 28px rgba(0,0,0,.18)); transition:transform .5s var(--ease), filter .5s var(--ease); }
    .brand-card:hover .brand-logo { transform:translateY(-7px) scale(1.045) rotate(-1deg); filter:drop-shadow(0 25px 38px rgba(0,0,0,.24)); }
    .brand-card.spidwin .brand-logo { width:min(52%, 245px); max-height:230px; }
    .brand-card.archis .brand-logo { width:min(48%, 215px); }
    .brand-card.archistv .brand-logo { width:min(56%, 240px); border-radius:22px; }
    .brand-card-bottom { position:relative; z-index:2; }
    .brand-card h3 { font-size:clamp(36px,4.4vw,76px); line-height:.85; letter-spacing:-.07em; text-transform:uppercase; margin:0 0 14px; }
    .brand-card p { color:rgba(10,10,11,.65); max-width:470px; line-height:1.48; margin:0; }
    .brand-card.spidkey { background:linear-gradient(145deg,#ffe53b 0%,#ff9d17 100%); }
    .brand-card.archis { background:linear-gradient(145deg,#090909 0%,#19130a 62%,#5c4319 100%); color:white; }
    .brand-card.archis .brand-type, .brand-card.archis p { color:rgba(255,255,255,.66); }
    .brand-card.archis .brand-arrow { border-color:rgba(255,255,255,.25); }
    .brand-card.dealhub { background:linear-gradient(145deg,#ff2b72 0%,#ff5744 100%); color:white; }
    .brand-card.spideal { background:linear-gradient(145deg,#103dff 0%,#42c2ff 100%); color:white; }
    .brand-card.dealhub .brand-type, .brand-card.dealhub p, .brand-card.spideal .brand-type, .brand-card.spideal p { color:rgba(255,255,255,.74); }
    .brand-card.dealhub .brand-arrow, .brand-card.spideal .brand-arrow { border-color:rgba(255,255,255,.32); }
    .brand-card.spidwin { background:linear-gradient(145deg,#fff020 0%,#ff7a18 80%); }
    .brand-card.archistv { background:linear-gradient(145deg,#061b27 0%,#0b4059 100%); color:white; }
    .brand-card.archistv .brand-type, .brand-card.archistv p { color:rgba(255,255,255,.68); }
    .brand-card.archistv .brand-arrow { border-color:rgba(255,255,255,.28); }
    .brand-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.18); backdrop-filter:blur(8px); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px; width:fit-content; }
    .brand-pill i { width:6px; height:6px; border-radius:50%; background:currentColor; }

    .ecosystem { background:var(--paper); color:var(--ink); padding-bottom:150px; }
    .ecosystem-map { margin-top:70px; min-height:650px; border:1px solid var(--line-dark); border-radius:36px; position:relative; overflow:hidden; background:radial-gradient(circle at center, rgba(255,49,95,.10), transparent 40%), linear-gradient(#ede9e0,#ede9e0); }
    .orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(10,10,11,.15); border-radius:50%; transform:translate(-50%,-50%); }
    .orbit.o1 { width:260px; height:260px; }
    .orbit.o2 { width:470px; height:470px; }
    .orbit.o3 { width:700px; height:700px; }
    .core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:190px; height:190px; border-radius:50%; background:var(--ink); color:white; display:grid; place-items:center; text-align:center; font-weight:950; letter-spacing:-.04em; box-shadow:0 35px 80px rgba(0,0,0,.22); }
    .core span { color:var(--acid); display:block; font-size:13px; letter-spacing:.16em; }
    .node { position:absolute; width:126px; height:126px; border-radius:50%; background:white; border:1px solid var(--line-dark); display:grid; place-items:center; text-align:center; font-size:12px; font-weight:900; text-transform:uppercase; box-shadow:0 15px 35px rgba(0,0,0,.08); animation:nodeFloat 5s ease-in-out infinite; }
    .node small { display:block; color:#777; font-size:8px; letter-spacing:.1em; margin-top:4px; }
    .node.n1 { left:8%; top:15%; background:linear-gradient(145deg,#ffe53b,#ff9d17); }
    .node.n2 { right:8%; top:12%; background:linear-gradient(145deg,#ff315f,#d32668); color:white; animation-delay:-1s; }
    .node.n3 { right:15%; bottom:9%; background:linear-gradient(145deg,#1260ff,#42c2ff); color:white; animation-delay:-2s; }
    .node.n4 { left:14%; bottom:12%; background:#ffdd63; animation-delay:-3s; }
    @keyframes nodeFloat { 50%{transform:translateY(-14px) rotate(2deg)} }

    .numbers { padding:125px 0; overflow:hidden; }
    .numbers-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); margin-top:60px; }
    .number-card { min-height:260px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:28px; display:flex; flex-direction:column; justify-content:space-between; transition:background .25s; }
    .number-card:hover { background:rgba(255,255,255,.04); }
    .number-value { font-size:clamp(47px,6vw,86px); font-weight:900; letter-spacing:-.07em; line-height:.86; }
    .number-label { color:var(--muted); max-width:190px; font-size:13px; line-height:1.5; }
    .number-index { color:#5d5b61; font-size:10px; letter-spacing:.15em; }

    .method { background:var(--violet); color:white; border-radius:42px; margin:0 16px; overflow:hidden; }
    .method .section-shell { padding-block:120px; }
    .method .eyebrow { color:rgba(255,255,255,.68); }
    .method .eyebrow::before { background:white; box-shadow:none; }
    .method-list { margin-top:70px; border-top:1px solid rgba(255,255,255,.25); }
    .method-row { display:grid; grid-template-columns:90px 1fr 1fr; gap:30px; padding:32px 0; border-bottom:1px solid rgba(255,255,255,.25); align-items:center; }
    .method-row strong { font-size:clamp(25px,3.3vw,48px); letter-spacing:-.05em; }
    .method-row p { margin:0; color:rgba(255,255,255,.66); line-height:1.55; }
    .method-num { font-size:11px; letter-spacing:.14em; color:rgba(255,255,255,.55); }

    .cta-zone { padding:140px 0 90px; }
    .cta-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }
    .cta-card { min-height:520px; border-radius:32px; padding:38px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
    .cta-card.primary { background:var(--acid); color:var(--ink); }
    .cta-card.secondary { background:var(--ink-3); border:1px solid var(--line); }
    .cta-card h2 { font-size:clamp(48px,7vw,98px); line-height:.84; letter-spacing:-.07em; text-transform:uppercase; margin:0; }
    .cta-card p { max-width:480px; line-height:1.55; opacity:.67; }
    .cta-button { width:fit-content; border:0; border-radius:999px; padding:15px 20px; font-weight:850; cursor:pointer; display:inline-flex; align-items:center; gap:20px; background:var(--ink); color:white; transition:.3s var(--ease); }
    .secondary .cta-button { background:var(--paper); color:var(--ink); }
    .cta-button:hover { transform:translateX(7px); }
    .cta-graphic { position:absolute; right:-90px; bottom:-120px; width:360px; height:360px; border:60px solid rgba(10,10,11,.08); border-radius:50%; }

    .inner-hero { padding:calc(var(--nav-h) + 100px) 0 80px; min-height:72vh; display:flex; align-items:flex-end; position:relative; overflow:hidden; }
    .inner-hero::after { content:""; position:absolute; right:-10%; top:14%; width:42vw; height:42vw; max-width:620px; max-height:620px; border:1px solid var(--line); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012); }
    .inner-hero .section-copy { margin:32px 0 0 auto; }
    .page-index { font-size:11px; color:var(--muted); letter-spacing:.2em; margin-bottom:25px; text-transform:uppercase; }

    .brand-detail-list { padding:30px 0 130px; }
    .detail-brand { display:flex; align-items:center; gap:18px; }
    .detail-logo { width:66px; height:66px; object-fit:contain; flex:0 0 auto; filter:drop-shadow(0 10px 18px rgba(0,0,0,.25)); }
    .detail-logo.square { border-radius:14px; }
    .detail-card { display:grid; grid-template-columns:.85fr 1.1fr .75fr; gap:45px; padding:42px 0; border-top:1px solid var(--line); align-items:start; }
    .detail-card:last-child { border-bottom:1px solid var(--line); }
    .detail-name { font-size:clamp(35px,4vw,62px); letter-spacing:-.06em; text-transform:uppercase; line-height:.9; }
    .detail-description { color:var(--muted); line-height:1.6; max-width:540px; }
    .detail-meta { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .meta-item span { display:block; color:#616066; font-size:9px; letter-spacing:.15em; text-transform:uppercase; margin-bottom:8px; }
    .meta-item strong { font-size:13px; }
    .text-link { margin-top:25px; display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
    .text-link::after { content:"↗"; color:var(--acid); font-size:17px; transition:transform .2s; }
    .text-link:hover::after { transform:translate(4px,-4px); }

    .media-showcase { background:var(--paper); color:var(--ink); padding:110px 0; }
    .media-feature { display:grid; grid-template-columns:1.15fr .85fr; gap:55px; align-items:center; margin:70px 0 120px; }
    .video-frame { aspect-ratio:16/10; border-radius:30px; background:#151519; overflow:hidden; position:relative; box-shadow:var(--shadow); }
    .video-frame::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 30%, rgba(140,108,255,.8), transparent 34%), radial-gradient(circle at 25% 70%, rgba(55,215,255,.6), transparent 37%); }
    .video-ui { position:absolute; inset:0; padding:30px; display:flex; flex-direction:column; justify-content:space-between; color:white; }
    .video-badge { width:fit-content; padding:8px 11px; border-radius:999px; background:rgba(0,0,0,.35); backdrop-filter:blur(10px); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
    .play { width:88px; height:88px; border-radius:50%; background:var(--acid); color:var(--ink); display:grid; place-items:center; margin:auto; font-size:27px; padding-left:5px; box-shadow:0 0 0 14px rgba(199,255,38,.12); }
    .video-title { font-size:clamp(28px,4vw,55px); line-height:.9; letter-spacing:-.055em; max-width:560px; text-transform:uppercase; font-weight:900; }
    .media-copy h3 { font-size:clamp(43px,5vw,74px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; }
    .media-copy p { color:#66636a; line-height:1.65; }
    .channel-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:30px 0; }
    .channel-stat { padding:20px; border:1px solid var(--line-dark); border-radius:16px; }
    .channel-stat strong { display:block; font-size:30px; letter-spacing:-.05em; }
    .channel-stat span { color:#77747a; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }

    .timeline { padding:50px 0 130px; }
    .timeline-line { max-width:1000px; margin-left:auto; }
    .timeline-item { display:grid; grid-template-columns:150px 1fr; gap:40px; padding:38px 0; border-top:1px solid var(--line); }
    .timeline-item:last-child { border-bottom:1px solid var(--line); }
    .timeline-item .year { color:var(--acid); font-weight:900; }
    .timeline-item h3 { font-size:clamp(30px,4vw,56px); letter-spacing:-.05em; margin-bottom:12px; }
    .timeline-item p { color:var(--muted); line-height:1.6; max-width:620px; }
    .values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:60px; }
    .value-card { min-height:370px; border:1px solid var(--line); border-radius:24px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
    .value-card:nth-child(2) { background:var(--acid); color:var(--ink); border-color:var(--acid); }
    .value-card:nth-child(3) { background:var(--violet); border-color:var(--violet); }
    .value-card span { font-size:10px; letter-spacing:.14em; text-transform:uppercase; opacity:.55; }
    .value-card h3 { font-size:clamp(40px,4vw,63px); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; margin:0; }
    .value-card p { opacity:.65; line-height:1.55; }

    .contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; padding:30px 0 130px; }
    .contact-aside { position:sticky; top:130px; height:fit-content; }
    .contact-aside p { color:var(--muted); line-height:1.65; max-width:390px; }
    .contact-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }
    .contact-chip { border:1px solid var(--line); border-radius:999px; padding:9px 13px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
    .contact-form { border:1px solid var(--line); border-radius:28px; padding:34px; background:rgba(255,255,255,.025); }
    .field { margin-bottom:28px; }
    .field label { display:block; margin-bottom:10px; color:#77757c; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
    .field input, .field textarea, .field select { width:100%; border:0; border-bottom:1px solid var(--line); padding:12px 0 15px; color:white; background:transparent; outline:none; transition:border-color .2s; border-radius:0; }
    .field input:focus, .field textarea:focus, .field select:focus { border-color:var(--acid); }
    .field textarea { min-height:130px; resize:vertical; }
    .field select option { color:var(--ink); }
    .field-row { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .submit-button { width:100%; border:0; border-radius:999px; padding:17px 22px; color:var(--ink); background:var(--acid); font-weight:900; cursor:pointer; transition:.3s var(--ease); }
    .submit-button:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(199,255,38,.13); }
    .form-note { margin-top:15px; color:#65636a; font-size:10px; line-height:1.5; }

    .site-footer { padding:70px 0 30px; border-top:1px solid var(--line); background:var(--ink); }
    .footer-top { display:grid; grid-template-columns:1.2fr repeat(3,.5fr); gap:50px; padding-bottom:70px; }
    .footer-big { font-size:clamp(34px,5vw,70px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; max-width:570px; }
    .footer-col h4 { color:#5f5d64; font-size:9px; text-transform:uppercase; letter-spacing:.17em; margin-bottom:20px; }
    .footer-col a, .footer-col button { display:block; color:#b9b6bd; margin:11px 0; font-size:12px; border:0; padding:0; background:none; cursor:pointer; text-align:left; }
    .footer-col a:hover, .footer-col button:hover { color:white; }
    .footer-bottom { padding-top:25px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; color:#646168; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }

    .toast { position:fixed; z-index:200; left:50%; bottom:30px; transform:translate(-50%,30px); padding:13px 18px; border-radius:999px; color:var(--ink); background:var(--acid); font-size:12px; font-weight:850; opacity:0; pointer-events:none; transition:.35s var(--ease); box-shadow:0 20px 45px rgba(0,0,0,.3); }
    .toast.show { opacity:1; transform:translate(-50%,0); }

    .reveal { opacity:0; transform:translateY(35px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
    .reveal.visible { opacity:1; transform:none; }
    .delay-1 { transition-delay:.08s; }
    .delay-2 { transition-delay:.16s; }
    .delay-3 { transition-delay:.24s; }

    @media (max-width: 1050px) {
      .nav-shell { grid-template-columns:1fr auto; }
      .main-nav { position:fixed; inset:var(--nav-h) 0 0; background:rgba(10,10,11,.98); flex-direction:column; align-items:stretch; padding:35px 24px; transform:translateX(100%); transition:.4s var(--ease); }
      .menu-open .main-nav { transform:none; }
      .nav-link { font-size:28px; text-align:left; padding:14px 10px; border-radius:0; border-bottom:1px solid var(--line); }
      .nav-actions .nav-cta { display:none; }
      .menu-button { display:grid; }
      .hero-bottom { grid-template-columns:1fr repeat(3,1fr); }
      .intro-grid { grid-template-columns:1fr; gap:35px; }
      .intro-aside { position:relative; top:auto; }
      .brand-card, .brand-card:nth-child(1), .brand-card:nth-child(6) { grid-column:span 6; }
      .numbers-grid { grid-template-columns:repeat(2,1fr); }
      .media-feature { grid-template-columns:1fr; }
      .detail-card { grid-template-columns:.8fr 1.2fr; }
      .detail-meta { grid-column:2; }
      .contact-layout { grid-template-columns:1fr; }
      .contact-aside { position:relative; top:auto; }
      .footer-top { grid-template-columns:1fr repeat(3,.5fr); }
    }

    @media (max-width: 720px) {
      :root { --nav-h:72px; }
      .section-shell, .hero-shell, .nav-shell { width:min(calc(100% - 28px), var(--max)); }
      .section { padding:85px 0; }
      .display { font-size:clamp(49px,17vw,84px); }
      .section-title { font-size:clamp(43px,13vw,70px); }
      .brandmark small { display:none; }
      .hero { min-height:920px; padding-bottom:28px; }
      .hero-topline { align-items:flex-start; flex-direction:column; margin-bottom:45px; }
      .hero-index { text-align:left; }
      .hero-word .spark { right:0; top:-34%; width:82px; }
      .hero-bottom { grid-template-columns:1fr 1fr; gap:22px 15px; }
      .hero-bottom > p { grid-column:1/-1; }
      .scroll-cue { display:none; }
      .brand-grid { display:block; }
      .brand-card { min-height:390px; margin-bottom:14px; }
      .brands-toolbar { align-items:flex-start; flex-direction:column; }
      .ecosystem-map { min-height:610px; }
      .orbit.o3 { width:560px; height:560px; }
      .orbit.o2 { width:380px; height:380px; }
      .node { width:100px; height:100px; font-size:10px; }
      .node.n1 { left:3%; top:14%; }
      .node.n2 { right:3%; top:17%; }
      .node.n3 { right:5%; bottom:10%; }
      .node.n4 { left:4%; bottom:13%; }
      .core { width:150px; height:150px; }
      .numbers-grid { grid-template-columns:1fr 1fr; }
      .number-card { min-height:210px; padding:20px; }
      .method { margin:0 8px; }
      .method .section-shell { padding-block:85px; }
      .method-row { grid-template-columns:45px 1fr; gap:12px; }
      .method-row p { grid-column:2; }
      .cta-grid { grid-template-columns:1fr; }
      .cta-card { min-height:430px; padding:26px; }
      .inner-hero { min-height:650px; }
      .inner-hero .section-copy { margin-left:0; }
      .detail-card { grid-template-columns:1fr; gap:18px; padding:32px 0; }
      .detail-meta { grid-column:auto; }
      .media-showcase { padding:80px 0; }
      .media-feature { margin:50px 0 90px; gap:35px; }
      .video-frame { aspect-ratio:4/5; }
      .values-grid { grid-template-columns:1fr; }
      .value-card { min-height:300px; }
      .timeline-item { grid-template-columns:1fr; gap:15px; }
      .field-row { grid-template-columns:1fr; gap:0; }
      .contact-form { padding:24px 18px; }
      .footer-top { grid-template-columns:1fr 1fr; }
      .footer-big { grid-column:1/-1; margin-bottom:20px; }
      .footer-bottom { flex-direction:column; }
    }

    @media (pointer:coarse), (prefers-reduced-motion:reduce) {
      .cursor-dot,.cursor-ring { display:none; }
      *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
    }


/* ================================================================
   V4 — IDENTITÉ DE GROUPE + VERSION BILINGUE
================================================================ */
.language-switch{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
.language-switch>span{width:1px;height:14px;background:var(--line)}
.lang-button{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.1em;padding:5px 6px;border-radius:999px;cursor:pointer;transition:.25s}
.lang-button.active{background:var(--paper);color:var(--ink)}

.group-hero{min-height:100svh;align-items:center;padding:calc(var(--nav-h) + 56px) 0 34px;background:radial-gradient(circle at 78% 33%,rgba(46,167,255,.11),transparent 29%),radial-gradient(circle at 60% 75%,rgba(255,49,95,.09),transparent 31%),#0a0a0b}
.group-hero::after{display:none}
.group-hero-shell{min-height:calc(100svh - var(--nav-h) - 90px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);grid-template-rows:1fr auto;align-items:center;gap:30px 60px}
.group-hero-copy{position:relative;z-index:2;max-width:750px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#cbc8ce;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;margin-bottom:24px}
.hero-eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-red))}
.group-hero-title{font-size:clamp(50px,6vw,92px);line-height:.95;letter-spacing:-.065em;margin:0;max-width:13.5ch;font-weight:850;text-wrap:balance}
.group-hero-title em{font-style:normal;background:linear-gradient(100deg,#3cc6ff 8%,#2469ff 42%,#ff365c 76%,#ff8a18);-webkit-background-clip:text;background-clip:text;color:transparent}
.group-hero-lead{max-width:650px;margin:30px 0 0;color:#b7b4bc;font-size:clamp(16px,1.35vw,20px);line-height:1.65}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-button{border-radius:999px;padding:14px 20px;font-size:13px;font-weight:850;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s;border:1px solid var(--line)}
.hero-button:hover{transform:translateY(-3px)}
.hero-button-primary{background:var(--paper);color:var(--ink)}
.hero-button-primary:hover{background:#fff}
.hero-button-secondary{background:rgba(255,255,255,.04);color:var(--paper)}
.hero-galaxy{position:relative;width:min(43vw,590px);aspect-ratio:1;margin:auto;display:grid;place-items:center;isolation:isolate}
.hero-galaxy::before{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%);filter:blur(2px)}
.galaxy-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:galaxySpin 30s linear infinite}
.orbit-a{inset:9%}.orbit-b{inset:23%;animation-direction:reverse;animation-duration:23s}.orbit-c{inset:36%;animation-duration:18s}
.galaxy-core{width:150px;aspect-ratio:1;border-radius:38%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.17);transform:rotate(-7deg);z-index:3}
.galaxy-core span{font-size:42px;font-weight:950;letter-spacing:-.08em}
.galaxy-core small{white-space:pre-line;font-size:8px;letter-spacing:.18em;line-height:1.55;color:#a8a5ad;margin-top:-25px}
.galaxy-brand{position:absolute;width:clamp(68px,7vw,102px);aspect-ratio:1;border-radius:25px;background:rgba(18,18,22,.72);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;padding:14px;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.35);z-index:4;animation:brandFloat 5s var(--ease) infinite alternate}
.galaxy-brand img{width:100%;height:100%;object-fit:contain}
.galaxy-brand-1{top:3%;left:42%;animation-delay:-1s}.galaxy-brand-2{top:27%;right:0;animation-delay:-2.2s}.galaxy-brand-3{bottom:2%;right:23%;animation-delay:-3.1s}.galaxy-brand-4{bottom:14%;left:3%;animation-delay:-.5s}.galaxy-brand-5{top:16%;left:5%;animation-delay:-4s}
.group-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:24px;gap:20px}
.group-hero-stats div{display:flex;align-items:baseline;gap:12px}
.group-hero-stats strong{font-size:clamp(28px,3.4vw,52px);letter-spacing:-.06em}
.group-hero-stats span{color:var(--muted);font-size:12px}
.hero-aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.3}.hero-aura-one{width:340px;height:340px;background:#1260ff;right:10%;top:15%;animation:auraDrift 9s ease-in-out infinite alternate}.hero-aura-two{width:280px;height:280px;background:#d32668;right:37%;bottom:4%;animation:auraDrift 12s ease-in-out infinite alternate-reverse}
@keyframes galaxySpin{to{transform:rotate(360deg)}}
@keyframes brandFloat{from{transform:translateY(-7px) rotate(-2deg)}to{transform:translateY(9px) rotate(3deg)}}
@keyframes auraDrift{to{transform:translate3d(50px,-25px,0) scale(1.18)}}

.group-spotlight{position:relative;background:var(--paper);color:var(--ink);overflow:hidden}
.spotlight-track{position:relative;min-height:570px}
.spotlight-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:80px max(24px,calc((100vw - var(--max))/2));opacity:0;visibility:hidden;transform:translateX(4%);transition:opacity .65s var(--ease),transform .65s var(--ease),visibility .65s}
.spotlight-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.spotlight-red{background:linear-gradient(118deg,#f6efe7 0%,#ffdadf 100%)}
.spotlight-gold{background:linear-gradient(118deg,#f5efe0 0%,#f3dfab 100%)}
.spotlight-blue{background:linear-gradient(118deg,#edf5ff 0%,#b9dcff 100%)}
.spotlight-orange{background:linear-gradient(118deg,#fff2dd 0%,#ffd08d 100%)}
.spotlight-copy{max-width:760px}
.spotlight-index{font-size:11px;font-weight:900;letter-spacing:.15em;color:rgba(10,10,11,.5)}
.spotlight-copy h2{font-size:clamp(42px,5.7vw,86px);line-height:.96;letter-spacing:-.065em;margin:22px 0;max-width:12ch;text-wrap:balance}
.spotlight-copy p{font-size:17px;line-height:1.65;color:#57545b;max-width:650px}
.spotlight-copy a,.spotlight-copy button{display:inline-flex;border:0;background:transparent;color:var(--ink);font-weight:900;padding:14px 0;cursor:pointer;border-bottom:1px solid rgba(10,10,11,.25)}
.spotlight-logo{height:350px;display:grid;place-items:center}
.spotlight-logo img{max-height:310px;max-width:85%;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(0,0,0,.18))}
.spotlight-logo.duo{grid-template-columns:1fr 1fr;gap:18px}.spotlight-logo.duo img{max-height:235px;max-width:100%}
.spotlight-controls{position:absolute;z-index:5;right:max(24px,calc((100vw - var(--max))/2));bottom:30px;display:flex;align-items:center;gap:12px}
.spotlight-controls>button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(10,10,11,.2);background:rgba(255,255,255,.55);cursor:pointer}
.spotlight-dots{display:flex;gap:7px}.spotlight-dot{width:7px;height:7px;border-radius:999px;background:rgba(10,10,11,.25);border:0;padding:0;cursor:pointer;transition:.3s}.spotlight-dot.active{width:28px;background:var(--ink)}

.group-horizon{padding:120px 0;background:linear-gradient(145deg,#111115,#080809);border-top:1px solid var(--line)}
.horizon-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.horizon-intro{position:sticky;top:130px}
.horizon-intro h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.065em;max-width:12ch;margin:20px 0 30px}
.horizon-intro p{color:var(--muted);line-height:1.7;max-width:570px}
.horizon-cards{display:grid;gap:16px}
.horizon-card{min-height:230px;padding:34px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));position:relative;overflow:hidden}
.horizon-card::after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-90px;bottom:-120px;background:radial-gradient(circle,rgba(46,167,255,.17),transparent 65%)}
.horizon-card:nth-child(2)::after{background:radial-gradient(circle,rgba(255,49,95,.17),transparent 65%)}
.horizon-card:nth-child(3)::after{background:radial-gradient(circle,rgba(255,122,24,.18),transparent 65%)}
.horizon-card>span{color:var(--muted);font-size:11px;letter-spacing:.15em}
.horizon-card h3{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;margin:35px 0 12px}
.horizon-card p{color:var(--muted);line-height:1.6;max-width:530px}

.inner-hero{min-height:72vh;align-items:flex-end;padding-bottom:85px}
.inner-hero .display{font-size:clamp(54px,8.3vw,118px);max-width:12ch;line-height:.93;text-wrap:balance}
.page-index{letter-spacing:.14em}
.footer-big{font-size:clamp(40px,5.5vw,78px);max-width:13ch}

@media (max-width:1050px){
  .language-switch{margin-left:auto}
  .group-hero-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:55px}
  .group-hero-copy{max-width:850px}
  .group-hero-title{max-width:13.5ch}
  .hero-galaxy{width:min(78vw,560px);margin-top:20px}
  .spotlight-slide{grid-template-columns:1fr;min-height:760px;padding-bottom:100px}.spotlight-track{min-height:760px}.spotlight-logo{height:270px}.spotlight-logo img{max-height:240px}
  .horizon-layout{grid-template-columns:1fr}.horizon-intro{position:static}.horizon-intro h2{max-width:15ch}
}
@media (max-width:720px){
  .nav-actions{gap:7px}.nav-cta{display:none}.language-switch{padding:4px 6px}.lang-button{padding:4px 5px}
  .group-hero{padding-top:calc(var(--nav-h) + 35px)}.group-hero-shell{gap:14px}.group-hero-title{font-size:clamp(44px,12.5vw,68px);max-width:11.5ch}.group-hero-lead{font-size:15px;margin-top:22px}.hero-actions{margin-top:24px}.hero-button{width:100%;justify-content:center}
  .hero-galaxy{width:95vw;max-width:420px}.galaxy-core{width:112px}.galaxy-core span{font-size:34px}.galaxy-brand{width:70px;border-radius:19px;padding:10px}
  .group-hero-stats{grid-template-columns:1fr;gap:8px;padding:18px 0 8px}.group-hero-stats div{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0}.group-hero-stats strong{font-size:30px}
  .spotlight-track{min-height:710px}.spotlight-slide{min-height:710px;padding:65px 22px 100px;gap:18px}.spotlight-copy h2{font-size:clamp(38px,12vw,58px)}.spotlight-copy p{font-size:15px}.spotlight-logo{height:210px}.spotlight-logo img{max-height:190px}.spotlight-controls{right:22px;bottom:24px}
  .horizon-intro h2{font-size:clamp(38px,11vw,58px)}.horizon-card{min-height:210px;padding:26px}
  .inner-hero{min-height:64vh;padding-bottom:55px}.inner-hero .display{font-size:clamp(48px,14vw,76px)}
}
@media (prefers-reduced-motion:reduce){.galaxy-orbit,.galaxy-brand,.hero-aura{animation:none}.spotlight-slide{transition:none}}


/* =========================================================
   HOME V6 — EDITORIAL REDESIGN BELOW THE HIGHLIGHT SLIDER
   ========================================================= */
.home-portfolio,.home-proof,.home-future{background:#f3f0e9;color:#0a0a0b}
.home-portfolio{padding:138px 0 120px;border-top:1px solid rgba(10,10,11,.14)}
.home-editorial-head{display:grid;grid-template-columns:180px minmax(0,1.15fr) minmax(260px,.55fr);gap:42px;align-items:start;margin-bottom:78px}
.home-editorial-index{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#77736d;padding-top:9px}
.home-editorial-index.light{color:rgba(255,255,255,.48)}
.home-editorial-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#66615a;margin-bottom:22px}
.home-editorial-kicker.light{color:rgba(255,255,255,.55)}
.home-editorial-head h2,.home-proof-head h2,.home-future-statement h2,.home-closing h2{font-size:clamp(42px,5.4vw,76px);line-height:.97;letter-spacing:-.058em;text-wrap:balance;margin:0}
.home-editorial-head p{font-size:16px;line-height:1.7;color:#625e58;margin:6px 0 0;max-width:420px}

.home-brand-directory{border-top:1px solid rgba(10,10,11,.22)}
.home-brand-row{--brand-bg:#111;--brand-fg:#fff;position:relative;isolation:isolate;width:100%;min-height:142px;display:grid;grid-template-columns:70px 98px minmax(220px,1fr) minmax(175px,.45fr) 54px;align-items:center;gap:22px;padding:17px 18px 17px 0;border:0;border-bottom:1px solid rgba(10,10,11,.22);background:transparent;color:#0a0a0b;text-align:left;cursor:pointer;overflow:hidden;transition:color .35s var(--ease)}
.home-brand-row::before{content:"";position:absolute;z-index:-1;inset:-1px;background:var(--brand-bg);transform:translateX(-101%);transition:transform .58s var(--ease)}
.home-brand-row::after{content:attr(data-index);position:absolute;z-index:-1;right:70px;top:50%;translate:0 -50%;font-size:150px;font-weight:950;line-height:1;letter-spacing:-.1em;color:rgba(255,255,255,.09);opacity:0;transition:opacity .35s}
.home-brand-row:hover,.home-brand-row:focus-visible{color:var(--brand-fg);outline:none}
.home-brand-row:hover::before,.home-brand-row:focus-visible::before{transform:none}
.home-brand-row:hover::after,.home-brand-row:focus-visible::after{opacity:1}
.home-brand-number{font-size:11px;font-weight:900;letter-spacing:.12em;color:#807b74;transition:color .35s}
.home-brand-row:hover .home-brand-number,.home-brand-row:focus-visible .home-brand-number{color:color-mix(in srgb,var(--brand-fg) 65%,transparent)}
.home-brand-mark{width:78px;height:78px;display:grid;place-items:center;background:#fff;border:1px solid rgba(10,10,11,.12);transition:transform .5s var(--ease),background .35s}
.home-brand-mark img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(7px 8px 0 rgba(0,0,0,.08));transition:transform .5s var(--ease)}
.home-brand-row:hover .home-brand-mark,.home-brand-row:focus-visible .home-brand-mark{transform:rotate(-3deg)}
.home-brand-row:hover .home-brand-mark img,.home-brand-row:focus-visible .home-brand-mark img{transform:scale(1.08)}
.home-brand-copy{display:flex;align-items:baseline;gap:22px;min-width:0}
.home-brand-copy strong{font-size:clamp(31px,4vw,58px);line-height:1;letter-spacing:-.055em;text-transform:uppercase}
.home-brand-copy small{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#77736d;transition:color .35s}
.home-brand-row:hover .home-brand-copy small,.home-brand-row:focus-visible .home-brand-copy small{color:color-mix(in srgb,var(--brand-fg) 65%,transparent)}
.home-brand-note{font-size:13px;line-height:1.45;color:#6d6963;transition:color .35s}
.home-brand-row:hover .home-brand-note,.home-brand-row:focus-visible .home-brand-note{color:color-mix(in srgb,var(--brand-fg) 75%,transparent)}
.home-brand-arrow{width:46px;height:46px;border:1px solid rgba(10,10,11,.22);display:grid;place-items:center;font-size:18px;transition:transform .35s,border-color .35s,background .35s}
.home-brand-row:hover .home-brand-arrow,.home-brand-row:focus-visible .home-brand-arrow{transform:translateX(5px);border-color:color-mix(in srgb,var(--brand-fg) 38%,transparent);background:color-mix(in srgb,var(--brand-fg) 12%,transparent)}
.brand-dealhub{--brand-bg:#f1475b;--brand-fg:#fff}
.brand-spideal{--brand-bg:#111827;--brand-fg:#fff}
.brand-spidkey{--brand-bg:#176dff;--brand-fg:#fff}
.brand-spidwin{--brand-bg:#ffca18;--brand-fg:#111}
.brand-archis{--brand-bg:#15130e;--brand-fg:#e5c77c}
.brand-archistv{--brand-bg:#0b3447;--brand-fg:#fff}
.brand-spidwin::after{color:rgba(10,10,11,.07)}
.brand-spidwin:hover .home-brand-number,.brand-spidwin:focus-visible .home-brand-number,.brand-spidwin:hover .home-brand-copy small,.brand-spidwin:focus-visible .home-brand-copy small,.brand-spidwin:hover .home-brand-note,.brand-spidwin:focus-visible .home-brand-note{color:rgba(10,10,11,.62)}
.brand-spidwin:hover .home-brand-arrow,.brand-spidwin:focus-visible .home-brand-arrow{border-color:rgba(10,10,11,.25);background:rgba(10,10,11,.07)}
.brand-archis .home-brand-mark{background:#f4e4b7}
.brand-archistv .home-brand-mark{background:#e7f8ff}

.home-motion{background:#0b0c0f;color:#f5f0e7;padding-bottom:132px;border-top:1px solid rgba(255,255,255,.12)}
.home-motion-tape{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15)}
.home-motion-tape-track{display:flex;align-items:center;width:max-content;animation:homeTape 30s linear infinite}
.home-motion-tape-track span{font-size:12px;font-weight:950;letter-spacing:.16em;padding:17px 28px;white-space:nowrap}
.home-motion-tape-track i{font-style:normal;color:#ffca18}
@keyframes homeTape{to{transform:translateX(-50%)}}
.home-motion-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:100px;padding-top:126px}
.home-motion-intro{position:sticky;top:125px;align-self:start}
.home-motion-intro h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px;max-width:10ch;text-wrap:balance}
.home-motion-intro p{font-size:16px;line-height:1.72;color:rgba(255,255,255,.58);max-width:480px;margin:0}
.home-motion-chapters{border-top:1px solid rgba(255,255,255,.2)}
.home-motion-chapter{min-height:315px;display:grid;grid-template-columns:58px minmax(0,1fr) 160px;gap:34px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);position:relative}
.home-motion-chapter::before{content:"";position:absolute;left:-1px;bottom:-1px;width:0;height:2px;background:#ffca18;transition:width .6s var(--ease)}
.home-motion-chapter:hover::before{width:100%}
.motion-chapter-no{font-size:11px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.35);align-self:start;padding-top:45px}
.home-motion-chapter h3{font-size:clamp(31px,3.6vw,50px);line-height:1;letter-spacing:-.045em;margin:0 0 18px}
.home-motion-chapter p{color:rgba(255,255,255,.55);line-height:1.65;max-width:570px;margin:0}
.motion-brand-lockup{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.motion-brand-lockup img{width:66px;height:66px;object-fit:contain;background:#fff;padding:9px;border:1px solid rgba(255,255,255,.14)}
.motion-brand-lockup img:nth-child(2){transform:translateY(18px)}

.home-proof{padding:134px 0 145px}
.home-proof-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:42px;align-items:start;margin-bottom:72px}
.home-proof-head h2{max-width:14ch}
.home-proof-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);border:1px solid rgba(10,10,11,.2)}
.home-proof-feature{position:relative;min-height:650px;background:#ef475b;color:#fff;padding:36px;display:flex;flex-direction:column;overflow:hidden}
.proof-feature-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:17px}
.proof-feature-value{font-size:clamp(110px,15vw,210px);font-weight:950;line-height:.78;letter-spacing:-.09em;margin:auto 0 38px}
.home-proof-feature p{font-size:18px;line-height:1.55;max-width:500px;margin:0;padding-right:120px}
.home-proof-feature>img{position:absolute;right:28px;bottom:28px;width:110px;height:110px;object-fit:contain;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.12))}
.home-proof-list{display:grid;grid-template-rows:repeat(3,1fr);background:#f3f0e9}
.home-proof-line{position:relative;display:grid;grid-template-columns:175px 1fr 40px;gap:30px;align-items:center;padding:32px;border-bottom:1px solid rgba(10,10,11,.2)}
.home-proof-line:last-child{border-bottom:0}
.proof-line-value{font-size:clamp(52px,5.6vw,82px);font-weight:950;line-height:.85;letter-spacing:-.075em}
.home-proof-line strong{font-size:16px;text-transform:uppercase;letter-spacing:.06em}
.home-proof-line p{margin:9px 0 0;color:#68645e;line-height:1.55;max-width:310px}
.proof-line-index{font-size:10px;font-weight:900;color:#8b867f;align-self:start;text-align:right}

.home-future{padding:140px 0 0;border-top:1px solid rgba(10,10,11,.18);overflow:hidden}
.home-future-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:110px;padding-bottom:125px}
.home-future-statement h2{margin-bottom:30px;max-width:11ch}
.home-future-statement p{font-size:16px;line-height:1.72;color:#625e58;max-width:530px;margin:0}
.home-future-list{border-top:1px solid rgba(10,10,11,.22)}
.home-future-row{display:grid;grid-template-columns:55px 170px 1fr;gap:28px;align-items:start;padding:34px 0;border-bottom:1px solid rgba(10,10,11,.22)}
.home-future-row>span{font-size:10px;font-weight:900;color:#8a857e;padding-top:5px}
.home-future-row strong{font-size:24px;letter-spacing:-.03em}
.home-future-row p{margin:0;color:#66615b;line-height:1.62;max-width:500px}
.home-logo-rail{border-top:1px solid rgba(10,10,11,.2);border-bottom:1px solid rgba(10,10,11,.2);overflow:hidden;background:#e9e5dc}
.home-logo-rail-track{display:flex;align-items:center;width:max-content;animation:homeLogoRail 38s linear infinite}
.home-logo-rail-track span{display:flex;align-items:center;gap:16px;min-width:235px;padding:24px 30px;border-right:1px solid rgba(10,10,11,.18)}
.home-logo-rail-track img{width:48px;height:48px;object-fit:contain}
.home-logo-rail-track b{font-size:17px;text-transform:uppercase;letter-spacing:-.02em}
@keyframes homeLogoRail{to{transform:translateX(-50%)}}

.home-closing{background:#0a0a0b;color:#f3f0e9;padding:135px 0}
.home-closing-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:90px;align-items:end}
.home-closing h2{max-width:13ch}
.home-closing-actions{border-top:1px solid rgba(255,255,255,.25)}
.home-closing-actions button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:850;cursor:pointer;text-align:left;transition:padding .3s,color .3s}
.home-closing-actions button:hover,.home-closing-actions button:focus-visible{padding-left:14px;color:#ffca18;outline:none}
.home-closing-actions i{font-style:normal;font-size:20px}

@media(max-width:1050px){
  .home-editorial-head{grid-template-columns:135px 1fr}.home-editorial-head>p{grid-column:2}
  .home-brand-row{grid-template-columns:52px 82px minmax(0,1fr) 160px 46px;gap:16px}.home-brand-mark{width:68px;height:68px}.home-brand-copy{display:block}.home-brand-copy small{display:block;margin-top:8px}
  .home-motion-layout,.home-future-layout{gap:62px}.home-motion-chapter{grid-template-columns:46px 1fr 130px}.motion-brand-lockup img{width:56px;height:56px}
  .home-proof-line{grid-template-columns:145px 1fr 30px;padding:26px 24px}
}
@media(max-width:820px){
  .home-portfolio,.home-proof{padding:95px 0}.home-editorial-head,.home-proof-head{grid-template-columns:1fr;gap:22px;margin-bottom:50px}.home-editorial-head>p{grid-column:auto}.home-editorial-index{padding-top:0}
  .home-brand-row{min-height:125px;grid-template-columns:38px 70px 1fr 42px;padding-right:0}.home-brand-note{display:none}.home-brand-arrow{width:40px;height:40px}.home-brand-copy strong{font-size:34px}.home-brand-mark{width:62px;height:62px}
  .home-motion{padding-bottom:85px}.home-motion-layout{grid-template-columns:1fr;gap:65px;padding-top:90px}.home-motion-intro{position:static}.home-motion-intro h2{max-width:13ch}.home-motion-chapter{min-height:270px}
  .home-proof-grid{grid-template-columns:1fr}.home-proof-feature{min-height:560px}.home-proof-list{grid-template-rows:none}.home-proof-line{min-height:190px}
  .home-future{padding-top:95px}.home-future-layout{grid-template-columns:1fr;gap:65px;padding-bottom:90px}.home-future-statement h2{max-width:13ch}
  .home-closing{padding:95px 0}.home-closing-layout{grid-template-columns:1fr;gap:55px}.home-closing h2{max-width:15ch}
}
@media(max-width:580px){
  .home-editorial-head h2,.home-proof-head h2,.home-future-statement h2,.home-closing h2{font-size:clamp(38px,11vw,53px)}
  .home-brand-row{grid-template-columns:30px 58px 1fr 38px;gap:12px;min-height:108px}.home-brand-mark{width:52px;height:52px}.home-brand-copy strong{font-size:28px}.home-brand-copy small{font-size:8px;letter-spacing:.07em}.home-brand-arrow{width:36px;height:36px}.home-brand-number{font-size:9px}
  .home-motion-chapter{grid-template-columns:34px 1fr;gap:16px;padding:34px 0;min-height:0}.motion-chapter-no{padding-top:5px}.motion-brand-lockup{grid-column:2;justify-content:flex-start;margin-top:8px}.motion-brand-lockup img:nth-child(2){transform:none}
  .home-proof-feature{min-height:490px;padding:25px}.proof-feature-value{font-size:31vw}.home-proof-feature p{padding-right:0;font-size:16px;max-width:320px}.home-proof-feature>img{width:78px;height:78px;right:22px;bottom:22px;opacity:.9}
  .home-proof-line{grid-template-columns:125px 1fr;gap:18px;padding:25px 20px}.proof-line-index{display:none}.proof-line-value{font-size:62px}.home-proof-line strong{font-size:13px}.home-proof-line p{font-size:13px}
  .home-future-row{grid-template-columns:36px 1fr;gap:16px}.home-future-row p{grid-column:2}.home-logo-rail-track span{min-width:190px;padding:18px 22px}.home-logo-rail-track img{width:40px;height:40px}
}

/* V6 layout refinements */
@media(min-width:581px){.home-proof-line{grid-template-columns:235px minmax(0,1fr) 34px}.proof-line-value{white-space:nowrap}}
@media(max-width:580px){
  .home-proof-feature p{padding-right:74px}
  .home-proof-feature>img{width:58px;height:58px;right:20px;bottom:26px}
  .home-proof-line{grid-template-columns:1fr;gap:14px;align-content:center;min-height:205px}
  .proof-line-value{font-size:72px;white-space:nowrap}
  .home-proof-line p{max-width:280px}
}
@media(prefers-reduced-motion:reduce){.home-motion-tape-track,.home-logo-rail-track{animation:none}.home-brand-row::before{transition:none}}


/* =========================================================
   GROUP V15 — EDITORIAL, COMPACT & CONSISTENT
   ========================================================= */
.page[data-page="groupe"]{background:#08080a;color:#f2efe8}
.group-v15-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--nav-h) + 72px) 0 58px;border-bottom:1px solid rgba(255,255,255,.1);min-height:min(820px,92svh);display:flex;align-items:center}
.group-v15-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 58%,transparent 100%)}
.group-v15-hero::after{content:"";position:absolute;z-index:-2;right:-10%;top:-25%;width:min(760px,62vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 48%,rgba(84,84,255,.17),rgba(46,167,255,.07) 35%,transparent 68%);filter:blur(8px)}
.group-v15-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:clamp(42px,7vw,110px);align-items:center}
.group-v15-kicker{display:flex;align-items:center;gap:11px;color:#88858f;font-size:9px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}
.group-v15-kicker::before{content:"";width:26px;height:1px;background:#5c7cff}
.group-v15-title{font-size:clamp(48px,6.35vw,91px);line-height:.94;letter-spacing:-.066em;font-weight:820;max-width:11.7ch;margin:0;text-wrap:balance}
.group-v15-title em{font-style:normal;color:#8ea3ff}
.group-v15-lead{max-width:620px;margin:26px 0 0;color:#a9a6af;font-size:clamp(14px,1.22vw,18px);line-height:1.65}
.group-v15-actions{display:flex;align-items:center;gap:12px;margin-top:30px}
.group-v15-primary,.group-v15-secondary{min-height:44px;padding:0 17px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s}
.group-v15-primary{border:1px solid #f2efe8;background:#f2efe8;color:#09090b}
.group-v15-secondary{border:1px solid rgba(255,255,255,.18);background:transparent;color:#d8d6dc}
.group-v15-primary:hover,.group-v15-secondary:hover{transform:translateY(-2px)}
.group-v15-secondary:hover{border-color:rgba(255,255,255,.42)}
.group-v15-signal{position:relative;aspect-ratio:1;max-width:500px;width:100%;justify-self:end;display:grid;place-items:center}
.group-v15-signal-ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;inset:4%;animation:groupV15Spin 24s linear infinite}
.group-v15-signal-ring:nth-child(2){inset:17%;border-style:dashed;animation-duration:18s;animation-direction:reverse}
.group-v15-signal-ring:nth-child(3){inset:30%;border-color:rgba(116,139,255,.36);animation-duration:13s}
.group-v15-signal-core{position:relative;width:38%;aspect-ratio:1;border-radius:27%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(14px);transform:rotate(-8deg)}
.group-v15-signal-core b{font-size:clamp(30px,4vw,56px);letter-spacing:-.085em;transform:rotate(8deg)}
.group-v15-node{position:absolute;display:flex;align-items:center;gap:8px;color:#b8b5be;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.group-v15-node i{width:7px;height:7px;border-radius:50%;background:#6884ff;box-shadow:0 0 20px #6884ff}
.group-v15-node-a{top:11%;left:8%}.group-v15-node-b{right:0;top:43%}.group-v15-node-c{bottom:10%;left:19%}
.group-v15-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:10px}
.group-v15-hero-stats div{background:#0b0b0e;min-height:82px;padding:17px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.group-v15-hero-stats strong{font-size:clamp(25px,2.6vw,39px);line-height:1;letter-spacing:-.055em}
.group-v15-hero-stats span{max-width:92px;color:#77747e;font-size:8px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;text-align:right}

.group-v15-story{padding:108px 0 116px;background:#f1eee7;color:#0a0a0b}
.group-v15-section-head{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(250px,.52fr);gap:34px;align-items:start;margin-bottom:64px}
.group-v15-index{padding-top:8px;color:#78746d;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.group-v15-section-head h2{font-size:clamp(38px,4.7vw,66px);line-height:.98;letter-spacing:-.057em;max-width:12ch;margin:0}
.group-v15-section-head>p{color:#625f59;font-size:14px;line-height:1.68;margin:5px 0 0;max-width:390px}
.group-v15-chapters{border-top:1px solid rgba(10,10,11,.18)}
.group-v15-chapter{display:grid;grid-template-columns:90px minmax(190px,.72fr) minmax(0,1.1fr);gap:28px;align-items:start;padding:31px 0;border-bottom:1px solid rgba(10,10,11,.18)}
.group-v15-chapter>span{color:#77736d;font-size:9px;font-weight:850;letter-spacing:.15em;padding-top:7px}
.group-v15-chapter h3{font-size:clamp(24px,2.55vw,37px);line-height:1.05;letter-spacing:-.045em;margin:0;max-width:13ch}
.group-v15-chapter p{color:#625f59;font-size:13px;line-height:1.68;margin:2px 0 0;max-width:650px}

.group-v15-structure{padding:110px 0 118px;background:#0b0b0e}
.group-v15-structure-head{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:55px}
.group-v15-structure-head>div{max-width:720px}
.group-v15-structure-head h2{font-size:clamp(38px,4.7vw,66px);line-height:.98;letter-spacing:-.057em;margin:0;max-width:13ch}
.group-v15-structure-head p{max-width:430px;margin:0 0 4px;color:#96939d;font-size:14px;line-height:1.66}
.group-v15-map{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);border:1px solid rgba(255,255,255,.12);min-height:420px;background:#09090b}
.group-v15-map-core{padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.group-v15-map-core::after{content:"SPID";position:absolute;right:-11px;bottom:-24px;font-size:132px;font-weight:950;line-height:1;color:rgba(255,255,255,.035);letter-spacing:-.09em}
.group-v15-map-core small{color:#77747e;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.group-v15-map-core b{position:relative;z-index:1;font-size:clamp(34px,4vw,58px);line-height:.9;letter-spacing:-.07em;max-width:5ch}
.group-v15-map-core p{position:relative;z-index:1;color:#8e8b94;font-size:12px;line-height:1.6;max-width:240px;margin:0}
.group-v15-map-lines{display:grid;grid-template-rows:repeat(3,1fr)}
.group-v15-map-line{display:grid;grid-template-columns:120px minmax(0,1fr);gap:25px;align-items:center;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}
.group-v15-map-line:last-child{border-bottom:0}
.group-v15-map-line::before{content:"";position:absolute;left:0;top:50%;width:17px;height:1px;background:var(--line-color,#6681ff)}
.group-v15-map-line>span{color:var(--line-color,#6681ff);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.group-v15-map-line h3{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.035em;margin:0 0 7px}
.group-v15-map-line p{font-size:12px;line-height:1.58;color:#918e98;margin:0;max-width:620px}
.group-v15-map-line.media{--line-color:#ff4b76}.group-v15-map-line.commerce{--line-color:#3d8cff}.group-v15-map-line.entertainment{--line-color:#ffbd36}

.group-v15-principles{padding:108px 0 100px;background:#f1eee7;color:#0a0a0b}
.group-v15-principles-grid{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);gap:70px;align-items:start}
.group-v15-principles-intro{position:sticky;top:120px}
.group-v15-principles-intro h2{font-size:clamp(38px,4.7vw,64px);line-height:.98;letter-spacing:-.057em;margin:18px 0 20px;max-width:10ch}
.group-v15-principles-intro p{color:#66625c;font-size:13px;line-height:1.66;max-width:360px;margin:0}
.group-v15-principle-list{border-top:1px solid rgba(10,10,11,.18)}
.group-v15-principle{display:grid;grid-template-columns:55px minmax(180px,.65fr) minmax(0,1fr);gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(10,10,11,.18)}
.group-v15-principle>span{font-size:9px;font-weight:850;letter-spacing:.15em;color:#817c74;padding-top:5px}
.group-v15-principle h3{font-size:clamp(21px,2.05vw,30px);letter-spacing:-.038em;line-height:1.05;margin:0;max-width:14ch}
.group-v15-principle p{font-size:12.5px;line-height:1.67;color:#68645e;margin:0;max-width:560px}
.group-v15-endnote{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:54px;padding-top:30px;border-top:1px solid rgba(10,10,11,.18)}
.group-v15-endnote strong{font-size:clamp(24px,2.7vw,40px);letter-spacing:-.045em;line-height:1.05;max-width:19ch}
.group-v15-endnote button{flex:0 0 auto;border:1px solid rgba(10,10,11,.22);background:transparent;color:#0a0a0b;border-radius:999px;min-height:43px;padding:0 17px;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.25s}
.group-v15-endnote button:hover{background:#0a0a0b;color:#fff}

/* Footer scale correction */
.site-footer{padding:44px 0 23px}
.footer-top{grid-template-columns:1.15fr repeat(3,.52fr);gap:34px;padding-bottom:42px}
.footer-big{font-size:clamp(27px,3.25vw,46px)!important;line-height:1!important;letter-spacing:-.045em!important;max-width:11ch!important;text-transform:none!important}
.footer-col h4{margin-bottom:15px}
.footer-col a,.footer-col button{font-size:11px;margin:9px 0}
.footer-bottom{padding-top:20px;font-size:9px}

@keyframes groupV15Spin{to{transform:rotate(360deg)}}
@media (max-width:980px){
  .group-v15-hero{min-height:auto}.group-v15-hero-grid{grid-template-columns:1fr;gap:30px}.group-v15-signal{max-width:420px;justify-self:center}.group-v15-hero-stats{margin-top:0}
  .group-v15-section-head{grid-template-columns:100px minmax(0,1fr)}.group-v15-section-head>p{grid-column:2}
  .group-v15-structure-head{align-items:flex-start;flex-direction:column}.group-v15-map{grid-template-columns:1fr}.group-v15-map-core{min-height:250px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .group-v15-principles-grid{grid-template-columns:1fr;gap:45px}.group-v15-principles-intro{position:static}.group-v15-principles-intro h2{max-width:14ch}
  .footer-top{grid-template-columns:1fr 1fr}.footer-big{grid-column:1/-1;margin-bottom:8px}
}
@media (max-width:680px){
  .group-v15-hero{padding:calc(var(--nav-h) + 40px) 0 38px}.group-v15-hero-grid{gap:20px}.group-v15-title{font-size:clamp(39px,11vw,55px);max-width:12.5ch}.group-v15-lead{font-size:13px;line-height:1.58}.group-v15-actions{display:grid;grid-template-columns:1fr 1fr}.group-v15-primary,.group-v15-secondary{width:100%;padding-inline:10px;font-size:8px}.group-v15-signal{max-width:330px}.group-v15-node{font-size:6.5px}.group-v15-hero-stats{grid-template-columns:1fr}.group-v15-hero-stats div{min-height:62px;padding:13px 15px}.group-v15-hero-stats strong{font-size:26px}.group-v15-hero-stats span{font-size:7px;max-width:none}
  .group-v15-story,.group-v15-structure,.group-v15-principles{padding:76px 0 80px}.group-v15-section-head{display:block;margin-bottom:38px}.group-v15-index{display:block;margin-bottom:16px}.group-v15-section-head h2,.group-v15-structure-head h2,.group-v15-principles-intro h2{font-size:clamp(34px,9.2vw,46px);max-width:14ch}.group-v15-section-head>p{font-size:12.5px;margin-top:18px}.group-v15-chapter{grid-template-columns:42px minmax(0,1fr);gap:15px;padding:24px 0}.group-v15-chapter>span{grid-row:1/3}.group-v15-chapter h3{font-size:24px}.group-v15-chapter p{font-size:12px}
  .group-v15-structure-head{gap:18px;margin-bottom:35px}.group-v15-structure-head p{font-size:12.5px}.group-v15-map-core{min-height:220px;padding:22px}.group-v15-map-core b{font-size:42px}.group-v15-map-line{grid-template-columns:1fr;gap:10px;padding:20px 22px}.group-v15-map-line::before{top:24px}.group-v15-map-line>span{padding-left:7px;font-size:7.5px}.group-v15-map-line h3{font-size:23px}.group-v15-map-line p{font-size:11.5px}
  .group-v15-principles-grid{gap:34px}.group-v15-principle{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:22px 0}.group-v15-principle>span{grid-row:1/3}.group-v15-principle h3{font-size:23px}.group-v15-principle p{font-size:11.8px}.group-v15-endnote{align-items:flex-start;flex-direction:column;margin-top:38px}.group-v15-endnote strong{font-size:27px}.group-v15-endnote button{width:100%}
  .site-footer{padding-top:36px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 18px;padding-bottom:34px}.footer-big{font-size:30px!important;max-width:10ch!important}.footer-col a,.footer-col button{font-size:10px}.footer-bottom{font-size:8px}
}
@media (prefers-reduced-motion:reduce){.group-v15-signal-ring{animation:none}}



    /* ==============================================================
       COHÉRENCE DES IDENTITÉS DE MARQUE — V3
       Chaque univers reprend désormais les couleurs réelles du logo.
    ============================================================== */
    :root {
      --spidkey-blue: #155bff;
      --spidkey-cyan: #43c4ff;
      --dealhub-red: #ff4d4a;
      --dealhub-pink: #d32668;
      --spidwin-yellow: #ffdf20;
      --spidwin-orange: #ff7a18;
      --archis-gold: #e4c478;
      --archistv-cyan: #32b8f3;
      --archistv-navy: #062232;
    }

    /* Signature groupe : palette commune, sans attribuer le jaune à Spidkey. */
    .brandmark-symbol {
      color: #fff;
      background: linear-gradient(135deg, var(--spidkey-blue) 0%, var(--dealhub-pink) 52%, var(--spidwin-orange) 100%);
      box-shadow: 0 0 30px rgba(46,167,255,.2);
    }

    /* SPIDKEY — bleu / cyan, conformément au logo. */
    .brand-card.spidkey {
      color: #073b9b;
      background: linear-gradient(145deg, #f4fbff 0%, #d8f1ff 52%, #b9e4ff 100%);
      box-shadow: inset 0 0 0 1px rgba(21,91,255,.12);
    }
    .brand-card.spidkey h3 { color: var(--spidkey-blue); }
    .brand-card.spidkey .brand-type,
    .brand-card.spidkey p { color: rgba(7,45,111,.72); }
    .brand-card.spidkey .brand-arrow { color: var(--spidkey-blue); border-color: rgba(21,91,255,.35); }
    .brand-card.spidkey:hover .brand-arrow { color:#fff; background:var(--spidkey-blue); }
    .brand-card.spidkey .brand-pill { color:var(--spidkey-blue); background:rgba(255,255,255,.62); }

    /* DEALHUB — rouge / rose / corail. */
    .brand-card.dealhub {
      color: #82183f;
      background: linear-gradient(145deg, #fff5f7 0%, #ffd9df 54%, #ffc8d0 100%);
      box-shadow: inset 0 0 0 1px rgba(211,38,104,.12);
    }
    .brand-card.dealhub h3 { color: var(--dealhub-pink); }
    .brand-card.dealhub .brand-type,
    .brand-card.dealhub p { color: rgba(102,16,53,.70); }
    .brand-card.dealhub .brand-arrow { color:var(--dealhub-pink); border-color:rgba(211,38,104,.32); }
    .brand-card.dealhub:hover .brand-arrow { color:#fff; background:var(--dealhub-pink); }

    /* SPIDEAL — même famille graphique que Dealhub, traitement international plus profond. */
    .brand-card.spideal {
      color: #fff;
      background: linear-gradient(145deg, #391021 0%, #8f1748 54%, #e33b59 100%);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
    }
    .brand-card.spideal h3 { color:#fff; }
    .brand-card.spideal .brand-type,
    .brand-card.spideal p { color:rgba(255,255,255,.74); }
    .brand-card.spideal .brand-arrow { color:#fff; border-color:rgba(255,255,255,.34); }
    .brand-card.spideal:hover .brand-arrow { color:#8f1748; background:#fff; }

    /* SPIDWIN — le visuel possède un fond noir : la carte l'absorbe et reprend l'orange. */
    .brand-card.spidwin {
      color:#fff;
      background: radial-gradient(circle at 62% 34%, rgba(255,168,22,.15), transparent 34%), linear-gradient(145deg,#050505 0%,#130e05 100%);
      box-shadow: inset 0 0 0 1px rgba(255,190,42,.18);
    }
    .brand-card.spidwin h3 { color:var(--spidwin-orange); }
    .brand-card.spidwin .brand-type,
    .brand-card.spidwin p { color:rgba(255,255,255,.67); }
    .brand-card.spidwin .brand-arrow { color:var(--spidwin-yellow); border-color:rgba(255,223,32,.35); }
    .brand-card.spidwin:hover .brand-arrow { color:#080808; background:var(--spidwin-yellow); }
    .brand-card.spidwin .brand-logo { border-radius:26px; filter:drop-shadow(0 22px 38px rgba(255,126,24,.14)); }

    /* ARCHIS — noir & or. */
    .brand-card.archis h3 { color:var(--archis-gold); }
    .brand-card.archis .brand-arrow { color:var(--archis-gold); }
    .brand-card.archis:hover .brand-arrow { color:#090909; background:var(--archis-gold); }

    /* ARCHIS TV — bleu nuit & cyan. */
    .brand-card.archistv h3 { color:var(--archistv-cyan); }
    .brand-card.archistv .brand-arrow { color:var(--archistv-cyan); }
    .brand-card.archistv:hover .brand-arrow { color:var(--archistv-navy); background:var(--archistv-cyan); }

    /* Couleurs cohérentes dans la page détaillée des marques. */
    .detail-card { --detail-accent: var(--paper); position:relative; }
    .detail-card::before {
      content:"";
      position:absolute;
      left:0;
      top:-1px;
      width:88px;
      height:2px;
      background:var(--detail-accent);
      box-shadow:0 0 18px color-mix(in srgb, var(--detail-accent) 50%, transparent);
    }
    .detail-card .detail-name { color:var(--detail-accent) !important; }
    .detail-card .text-link::after { color:var(--detail-accent); }
    .detail-card.brand-spidkey { --detail-accent:var(--spidkey-cyan); }
    .detail-card.brand-dealhub { --detail-accent:var(--dealhub-pink); }
    .detail-card.brand-spideal { --detail-accent:#ff5968; }
    .detail-card.brand-spidwin { --detail-accent:var(--spidwin-orange); }
    .detail-card.brand-archis { --detail-accent:var(--archis-gold); }
    .detail-card.brand-archistv { --detail-accent:var(--archistv-cyan); }

    /* Page Médias : vidéo + média éditorial. */
    .media-showcase .eyebrow::before { box-shadow:none; }
    .media-feature.media-archis .media-copy h3 { color:#9a7528; }
    .media-feature.media-archistv .media-copy h3 { color:#087fac; }
    .video-frame.archis-frame {
      background:linear-gradient(145deg,#050505,#211807);
      border:1px solid rgba(228,196,120,.34);
    }
    .video-frame.archis-tv-frame {
      background:linear-gradient(145deg,#041824,#0a4562);
      border:1px solid rgba(50,184,243,.32);
    }
    .video-frame::before { opacity:.34; }
    .video-frame.archis-frame::before {
      background:radial-gradient(circle at 72% 30%,rgba(228,196,120,.44),transparent 38%),radial-gradient(circle at 22% 75%,rgba(124,86,21,.34),transparent 42%);
    }
    .video-frame.archis-tv-frame::before {
      background:radial-gradient(circle at 72% 30%,rgba(50,184,243,.60),transparent 38%),radial-gradient(circle at 22% 75%,rgba(9,82,116,.75),transparent 42%);
    }
    .media-frame-logo {
      position:absolute;
      z-index:2;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:min(36%,220px);
      max-height:47%;
      object-fit:contain;
      opacity:.92;
      filter:drop-shadow(0 18px 34px rgba(0,0,0,.4));
    }
    .archistv-frame-logo { width:min(32%,190px); border-radius:18px; }
    .media-feature .play { z-index:4; width:70px; height:70px; font-size:21px; opacity:.94; }
    .media-archis .play { color:#080808; background:var(--archis-gold); box-shadow:0 0 0 14px rgba(228,196,120,.13); }
    .media-archistv .play { color:#061d29; background:var(--archistv-cyan); box-shadow:0 0 0 14px rgba(50,184,243,.13); }
    .video-ui { z-index:3; }

    .editorial-network {
      margin-top:15px;
      padding-top:95px;
      border-top:1px solid var(--line-dark);
    }
    .editorial-head {
      display:grid;
      grid-template-columns:1.05fr .75fr;
      gap:60px;
      align-items:end;
      margin-bottom:42px;
    }
    .editorial-head h3 {
      margin:0;
      max-width:790px;
      font-size:clamp(46px,6.3vw,92px);
      line-height:.88;
      letter-spacing:-.067em;
      text-transform:uppercase;
    }
    .editorial-head p { margin:0; color:#66636a; line-height:1.68; }
    .editorial-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
    .editorial-card {
      min-height:560px;
      padding:30px;
      border-radius:28px;
      position:relative;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    }
    .editorial-card:hover { transform:translateY(-7px); box-shadow:0 28px 60px rgba(32,20,25,.18); }
    .editorial-dealhub {
      color:#7e143d;
      background:linear-gradient(145deg,#fff6f8 0%,#ffd6dd 58%,#ffc7d1 100%);
      border:1px solid rgba(211,38,104,.16);
    }
    .editorial-spideal {
      color:#fff;
      background:linear-gradient(145deg,#35101f 0%,#851441 58%,#d83455 100%);
      border:1px solid rgba(255,255,255,.12);
    }
    .editorial-card-top { display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:10px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; opacity:.72; }
    .editorial-arrow { width:42px; height:42px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; opacity:.55; }
    .editorial-logo { position:absolute; right:3%; top:13%; width:min(40%,230px); max-height:230px; object-fit:contain; filter:drop-shadow(0 18px 32px rgba(0,0,0,.16)); }
    .editorial-card h4 { margin:0 0 14px; font-size:clamp(48px,5vw,78px); line-height:.86; letter-spacing:-.065em; text-transform:uppercase; }
    .editorial-dealhub h4 { color:var(--dealhub-pink); }
    .editorial-card p { max-width:520px; line-height:1.55; opacity:.72; }
    .editorial-stats { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:30px; }
    .editorial-stats > div { padding:17px; border:1px solid currentColor; border-radius:15px; border-color:color-mix(in srgb,currentColor 20%,transparent); }
    .editorial-stats strong { display:block; font-size:30px; letter-spacing:-.05em; }
    .editorial-stats span { display:block; margin-top:3px; font-size:9px; letter-spacing:.11em; text-transform:uppercase; opacity:.62; }

    @media (max-width:1050px) {
      .editorial-head { grid-template-columns:1fr; gap:22px; }
      .editorial-grid { grid-template-columns:1fr; }
      .editorial-card { min-height:500px; }
    }
    @media (max-width:720px) {
      .editorial-network { padding-top:70px; }
      .editorial-card { min-height:450px; padding:23px; }
      .editorial-logo { width:42%; top:16%; }
      .editorial-stats { grid-template-columns:1fr; }
      .media-frame-logo { width:32%; }
    }



/* ==============================================================
   V5 — DIRECTION ÉDITORIALE
   Des surfaces franches et des lignes structurées remplacent les
   halos, dégradés diffus et effets de verre trop génératifs.
============================================================== */
:root{
  --paper:#f3f0e9;
  --paper-2:#e9e5dc;
  --ink:#09090a;
  --ink-2:#101012;
  --ink-3:#171719;
  --radius:20px;
  --radius-sm:12px;
  --shadow:0 18px 50px rgba(0,0,0,.18);
}
.noise{opacity:.018;mix-blend-mode:normal}
.cursor-dot{background:#fff}
.cursor-ring{border-color:rgba(255,255,255,.52)}
.cursor-ring.active{background:rgba(255,255,255,.08)}

/* Fonds du groupe : sobres, éditoriaux et plus proches d'un magazine. */
.group-hero{
  background:#09090a;
}
.group-hero::before{
  content:"";
  position:absolute;
  inset:var(--nav-h) 0 0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.055) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.055) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.055) 75%,transparent calc(75% + .5px));
}
.group-hero-title em{background:none;color:#fff;-webkit-text-fill-color:#fff;border-bottom:3px solid var(--brand-blue)}
.hero-eyebrow::before{background:#fff}
.hero-button{border-radius:8px}
.hero-button-secondary{background:transparent}

/* La galaxie reste dynamique mais devient graphique, sans effet holographique. */
.hero-galaxy::before{display:none}
.galaxy-orbit{border-color:rgba(255,255,255,.16);animation-duration:44s}
.galaxy-core{
  border-radius:18px;
  background:#111114;
  border-color:rgba(255,255,255,.18);
  backdrop-filter:none;
  box-shadow:12px 12px 0 rgba(255,255,255,.055);
}
.galaxy-brand{
  border-radius:16px;
  background:#111114;
  border-color:rgba(255,255,255,.17);
  backdrop-filter:none;
  box-shadow:8px 8px 0 rgba(0,0,0,.32);
}

/* Carrousel : aplats de marque et typographie, sans dégradés pastel. */
.spotlight-red{background:#f4dfe2}
.spotlight-gold{background:#eee3c8}
.spotlight-blue{background:#dcecf8}
.spotlight-orange{background:#f3e1c8}
.spotlight-logo img{filter:drop-shadow(12px 15px 0 rgba(0,0,0,.08))}
.spotlight-progress{background:#111}

/* Sections claires : même papier, séparations nettes. */
.brands-section,.ecosystem,.media-showcase{background:var(--paper)}
.brands-section{border-radius:0;border-top:1px solid var(--line-dark)}
.ecosystem-map{
  background:var(--paper-2);
  border-radius:18px;
}
.core{box-shadow:10px 10px 0 rgba(10,10,11,.12)}
.node{backdrop-filter:none;box-shadow:6px 6px 0 rgba(10,10,11,.08)}

/* Cartes de marque : couleurs réelles en aplats. */
.brand-card{border-radius:18px;box-shadow:none}
.brand-card:hover{box-shadow:10px 12px 0 rgba(10,10,11,.10)}
.brand-card.spidkey{background:#dcefff}
.brand-card.dealhub{background:#f7dce1}
.brand-card.spideal{background:#79163d}
.brand-card.spidwin{background:#0b0b0c}
.brand-card.archis{background:#0c0c0d}
.brand-card.archistv{background:#082b3b}
.brand-card .brand-logo{filter:drop-shadow(8px 10px 0 rgba(0,0,0,.10))}
.brand-card:hover .brand-logo{filter:drop-shadow(10px 12px 0 rgba(0,0,0,.13))}
.brand-card.spidwin .brand-logo{filter:none}

/* Chiffres et horizon : cartes plates et détails colorés minimaux. */
.number-card,.horizon-card{
  border-radius:16px;
  background:#111113;
  box-shadow:none;
}
.horizon-card::after{display:none}
.number-card:nth-child(1){border-top:3px solid var(--dealhub-pink)}
.number-card:nth-child(2){border-top:3px solid var(--dealhub-red)}
.number-card:nth-child(3){border-top:3px solid var(--archis-gold)}
.number-card:nth-child(4){border-top:3px solid var(--spidkey-blue)}

/* Pages intérieures : suppression des grandes bulles décoratives. */
.inner-hero::after{display:none}
.inner-hero{
  border-bottom:1px solid var(--line);
  background:#09090a;
}
.detail-card::before{box-shadow:none}

/* Médias : cadres éditoriaux et plateformes clairement identifiées. */
.video-frame{border-radius:18px;box-shadow:none}
.video-frame::before{display:none}
.video-frame.archis-frame{background:#11100d}
.video-frame.archis-tv-frame{background:#082837}
.media-frame-logo{filter:drop-shadow(8px 10px 0 rgba(0,0,0,.22))}
.media-feature .play{box-shadow:none;border-radius:10px}
.channel-stats{grid-template-columns:repeat(3,1fr)}
.channel-stat{border-radius:10px;background:transparent}
.media-platform-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:8px}
.media-platform-actions .text-link{margin-top:16px}
.editorial-card{border-radius:18px;box-shadow:none}
.editorial-card:hover{box-shadow:10px 12px 0 rgba(10,10,11,.10)}
.editorial-dealhub{background:#f5dce1}
.editorial-spideal{background:#74153a}
.editorial-logo{filter:drop-shadow(7px 9px 0 rgba(0,0,0,.09))}

/* CTA et contact : surfaces simples, pas de halo. */
.cta-zone{background:var(--paper);color:var(--ink);border-top:1px solid var(--line-dark)}
.cta-zone::before,.cta-zone::after{display:none}
.contact-card,.contact-form,.form-shell{background:#111113;box-shadow:none;backdrop-filter:none}

@media (max-width:720px){
  .group-hero::before{background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.05) 50%,transparent calc(50% + .5px))}
  .channel-stats{grid-template-columns:1fr}
  .media-platform-actions{gap:8px 18px}
}



/* =========================================================
   HOME V7 — GROUP-LED, GREENBULL-INSPIRED EDITORIAL SYSTEM
   ========================================================= */
.gb-galaxy{background:#f3efe6;color:#0a0a0b;padding:136px 0 128px;border-top:1px solid rgba(10,10,11,.16)}
.gb-section-head{display:grid;grid-template-columns:190px minmax(0,1.15fr) minmax(290px,.55fr);gap:44px;align-items:start;margin-bottom:72px}
.gb-section-label{display:flex;align-items:center;gap:14px;padding-top:9px;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#706b64}
.gb-section-label>span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(10,10,11,.25);border-radius:50%;font-size:9px;letter-spacing:0}
.gb-section-label.light{color:rgba(255,255,255,.58)}
.gb-section-label.light>span:first-child{border-color:rgba(255,255,255,.3)}
.gb-section-label.dark{color:rgba(10,10,11,.62)}
.gb-section-head h2,.gb-impact-head h2,.gb-manifesto-copy h2,.gb-participate-head h2,.gb-uses-intro h2{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.gb-section-head>p{margin:5px 0 0;font-size:16px;line-height:1.7;color:#625d56;max-width:430px}
.gb-galaxy-module{border:1px solid rgba(10,10,11,.2);background:#ebe6dc}
.gb-tabs{display:flex;align-items:center;overflow-x:auto;border-bottom:1px solid rgba(10,10,11,.2);scrollbar-width:none}
.gb-tabs::-webkit-scrollbar{display:none}
.gb-tab{flex:1;min-width:170px;border:0;border-right:1px solid rgba(10,10,11,.18);background:transparent;color:#6b665f;padding:19px 22px;text-align:left;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}
.gb-tab:last-child{border-right:0}.gb-tab:hover{background:rgba(255,255,255,.42);color:#0a0a0b}.gb-tab.active{background:#0a0a0b;color:#fff}
.gb-panels{position:relative;min-height:650px;overflow:hidden}
.gb-panel{display:none;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:650px;animation:gbPanelIn .65s var(--ease)}
.gb-panel.active{display:grid}
@keyframes gbPanelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gb-panel-copy{padding:58px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-right:1px solid rgba(10,10,11,.18)}
.gb-panel-number{display:block;margin-bottom:auto;font-size:12px;font-weight:900;letter-spacing:.15em;color:#7c766e}
.gb-panel-copy h3{margin:70px 0 24px;font-size:clamp(38px,4.4vw,62px);line-height:.98;letter-spacing:-.052em;max-width:10.5ch;text-wrap:balance}
.gb-panel-copy p{margin:0 0 34px;color:#5f5a53;font-size:16px;line-height:1.7;max-width:520px}
.gb-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:245px;border:0;border-bottom:1px solid currentColor;padding:12px 0;background:transparent;color:#0a0a0b;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:gap .3s}
.gb-inline-link:hover{gap:40px}.gb-inline-link.dark{color:#0a0a0b}
.gb-logo-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);min-width:0}
.gb-logo-cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-right:1px solid rgba(10,10,11,.16);border-bottom:1px solid rgba(10,10,11,.16);overflow:hidden;transition:transform .45s var(--ease)}
.gb-logo-cell:nth-child(3n){border-right:0}.gb-logo-cell:nth-child(n+4){border-bottom:0}.gb-logo-cell:hover{transform:translateY(-7px)}
.gb-logo-cell img{width:clamp(72px,8vw,118px);height:clamp(72px,8vw,118px);object-fit:contain;align-self:center;margin:auto;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.08))}
.gb-logo-cell span{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.gb-logo-cell.dealhub{background:#ef475b;color:#fff}.gb-logo-cell.spidkey{background:#176dff;color:#fff}.gb-logo-cell.spidwin{background:#ffca18}.gb-logo-cell.archis{background:#17140e;color:#e4c478}.gb-logo-cell.spideal{background:#192334;color:#fff}.gb-logo-cell.archistv{background:#0c3d54;color:#fff}
.gb-panel-media{background:#101217;color:#fff}.gb-panel-media .gb-panel-copy{border-color:rgba(255,255,255,.15)}.gb-panel-media .gb-panel-number,.gb-panel-media .gb-panel-copy p{color:rgba(255,255,255,.58)}.gb-panel-media .gb-inline-link{color:#fff}
.gb-media-composition{position:relative;min-height:650px;overflow:hidden;background:#0b0d11}
.gb-media-composition::before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.gb-media-composition::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.1)}
.gb-media-mark{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:18px 22px 0 rgba(0,0,0,.22);transition:transform .5s var(--ease)}
.gb-media-mark:hover{transform:rotate(-3deg) scale(1.05)}.gb-media-mark img{width:70%;height:70%;object-fit:contain}
.mark-archis{width:190px;height:190px;left:11%;top:12%;background:#f0dfaa;transform:rotate(-6deg)}
.mark-archistv{width:150px;height:150px;right:12%;top:17%;background:#dff6ff;transform:rotate(6deg)}
.mark-dealhub{width:125px;height:125px;left:27%;bottom:14%;transform:rotate(4deg)}
.mark-spideal{width:115px;height:115px;right:25%;bottom:18%;transform:rotate(-5deg)}
.gb-media-caption{position:absolute;right:7%;bottom:7%;display:flex;flex-direction:column;align-items:flex-end;z-index:2}.gb-media-caption strong{font-size:clamp(55px,7vw,104px);line-height:.78;letter-spacing:-.075em}.gb-media-caption span{margin-top:14px;color:rgba(255,255,255,.55);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.gb-panel-commerce{background:#e9f5ff}.gb-panel-commerce .gb-panel-copy{background:#f3efe6}.gb-single-brand{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#176dff;color:white}
.gb-single-word{position:absolute;left:-4%;top:8%;font-size:clamp(88px,11vw,170px);line-height:.8;font-weight:950;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28);transform:rotate(-7deg)}
.gb-single-logo{position:relative;z-index:2;width:min(52%,360px);aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:28px 30px 0 rgba(0,0,0,.14)}.gb-single-logo img{width:62%;height:62%;object-fit:contain}
.gb-single-meta{position:absolute;right:28px;bottom:28px;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.gb-panel-play{background:#ffca18}.gb-panel-play .gb-panel-copy{background:#f3efe6}.gb-play-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#0a0a0b}
.gb-play-stage img{position:relative;z-index:2;width:min(42%,310px);filter:drop-shadow(24px 26px 0 rgba(0,0,0,.13))}.gb-play-stage>span{position:absolute;left:28px;bottom:28px;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.gb-play-ring{position:absolute;border:1px solid rgba(10,10,11,.25);border-radius:50%;animation:gbRing 16s linear infinite}.ring-one{width:72%;aspect-ratio:1}.ring-two{width:45%;aspect-ratio:1;animation-direction:reverse;animation-duration:11s}.gb-play-ring::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#0a0a0b;left:50%;top:-6px}
@keyframes gbRing{to{transform:rotate(360deg)}}

.gb-uses{background:#0b0c0f;color:#f3efe6;padding:142px 0}
.gb-uses-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:110px}
.gb-uses-intro{position:sticky;top:120px;align-self:start}.gb-uses-intro h2{margin:34px 0 28px;max-width:10.5ch}.gb-uses-intro p{margin:0;max-width:500px;color:rgba(255,255,255,.56);font-size:16px;line-height:1.72}
.gb-use-list{border-top:1px solid rgba(255,255,255,.18)}
.gb-use-row{display:grid;grid-template-columns:54px minmax(130px,.38fr) minmax(250px,1fr) 150px;gap:30px;align-items:center;min-height:180px;border-bottom:1px solid rgba(255,255,255,.18);position:relative}
.gb-use-row::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#ffca18;transition:right .5s var(--ease)}.gb-use-row:hover::after{right:0}
.gb-use-index{font-size:10px;font-weight:900;color:rgba(255,255,255,.35)}.gb-use-row h3{margin:0;font-size:clamp(30px,3vw,44px);letter-spacing:-.04em}.gb-use-row p{margin:0;color:rgba(255,255,255,.55);line-height:1.62}.gb-use-logos{display:flex;justify-content:flex-end;align-items:center}.gb-use-logos img{width:66px;height:66px;object-fit:contain;background:#fff;padding:8px;border:1px solid rgba(255,255,255,.15)}.gb-use-logos img+img{margin-left:-12px;transform:translateY(14px)}

.gb-impact{background:#ffca18;color:#0a0a0b;padding:130px 0 0}
.gb-impact-head{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;align-items:start;margin-bottom:82px}.gb-impact-head h2{max-width:14ch}
.gb-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(10,10,11,.3);border-left:1px solid rgba(10,10,11,.3)}
.gb-stat{min-height:300px;padding:32px 28px;border-right:1px solid rgba(10,10,11,.3);border-bottom:1px solid rgba(10,10,11,.3);display:flex;flex-direction:column;justify-content:space-between;transition:background .3s,color .3s}.gb-stat:hover{background:#0a0a0b;color:#fff}.gb-stat strong{font-size:clamp(58px,6vw,96px);line-height:.85;letter-spacing:-.075em}.gb-stat span{max-width:180px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}

.gb-manifesto{background:#f3efe6;color:#0a0a0b;padding:140px 0}
.gb-manifesto-grid{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:90px;align-items:stretch}
.gb-manifesto-copy{padding:14px 0}.gb-manifesto-copy h2{margin:42px 0 28px;max-width:10ch}.gb-manifesto-copy p{margin:0;color:#625d56;max-width:560px;font-size:17px;line-height:1.72}
.gb-manifesto-art{position:relative;min-height:650px;background:#176dff;color:#fff;overflow:hidden;border:1px solid rgba(10,10,11,.2)}
.gb-art-word{position:absolute;font-size:clamp(80px,10vw,150px);font-weight:950;letter-spacing:-.085em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.34)}.word-one{left:-2%;top:7%;transform:rotate(-6deg)}.word-two{right:-3%;top:38%;transform:rotate(5deg)}.word-three{left:8%;bottom:7%;transform:rotate(-3deg)}
.gb-art-logo{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-5deg);width:210px;height:210px;background:#ffca18;color:#0a0a0b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:26px 28px 0 rgba(0,0,0,.17)}.gb-art-logo span{font-size:62px;font-weight:950;letter-spacing:-.08em;line-height:.8}.gb-art-logo small{font-size:10px;font-weight:900;letter-spacing:.25em;margin-top:12px}

.gb-participate{background:#0a0a0b;color:#f3efe6;padding:138px 0}
.gb-participate-head{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;margin-bottom:75px}.gb-participate-head h2{max-width:13ch}
.gb-participate-grid{border-top:1px solid rgba(255,255,255,.18)}
.gb-part-card{width:100%;min-height:190px;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;gap:30px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;text-align:left;padding:25px 8px;cursor:pointer;position:relative;isolation:isolate;overflow:hidden}
.gb-part-card::before{content:"";position:absolute;z-index:-1;inset:0;transform:translateX(-101%);transition:transform .55s var(--ease)}.gb-part-card:hover::before{transform:none}.card-brands::before{background:#176dff}.card-media::before{background:#ef475b}.card-contact::before{background:#ffca18}.card-contact:hover{color:#0a0a0b}
.gb-part-no{font-size:10px;font-weight:900;color:rgba(255,255,255,.38)}.card-contact:hover .gb-part-no{color:rgba(10,10,11,.55)}.gb-part-card strong{display:block;font-size:clamp(31px,4vw,56px);line-height:1;letter-spacing:-.05em;margin-bottom:14px}.gb-part-card p{margin:0;color:rgba(255,255,255,.52);font-size:15px}.card-contact:hover p{color:rgba(10,10,11,.62)}.gb-part-arrow{width:54px;height:54px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-size:19px;justify-self:end;transition:transform .35s}.gb-part-card:hover .gb-part-arrow{transform:rotate(45deg)}.card-contact:hover .gb-part-arrow{border-color:rgba(10,10,11,.3)}

@media(max-width:1100px){
  .gb-section-head{grid-template-columns:150px 1fr}.gb-section-head>p{grid-column:2}.gb-panel{grid-template-columns:1fr;min-height:auto}.gb-panel-copy{min-height:480px;border-right:0;border-bottom:1px solid rgba(10,10,11,.18)}.gb-logo-board,.gb-media-composition,.gb-single-brand,.gb-play-stage{min-height:560px}.gb-uses-layout{grid-template-columns:1fr;gap:70px}.gb-uses-intro{position:static}.gb-uses-intro h2{max-width:14ch}.gb-impact-grid{grid-template-columns:repeat(2,1fr)}.gb-manifesto-grid{grid-template-columns:1fr}.gb-manifesto-copy h2{max-width:13ch}
}
@media(max-width:720px){
  .gb-galaxy,.gb-uses,.gb-manifesto,.gb-participate{padding:90px 0}.gb-impact{padding-top:90px}
  .gb-section-head,.gb-impact-head,.gb-participate-head{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.gb-section-head>p{grid-column:auto}.gb-section-label{padding-top:0}
  .gb-galaxy-module{margin-inline:-24px;border-left:0;border-right:0}.gb-tabs{padding-left:0}.gb-tab{min-width:155px;padding:16px}
  .gb-panel-copy{padding:38px 24px;min-height:460px}.gb-panel-copy h3{margin-top:52px}.gb-logo-board{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,190px);min-height:auto}.gb-logo-cell:nth-child(3n){border-right:1px solid rgba(10,10,11,.16)}.gb-logo-cell:nth-child(2n){border-right:0}.gb-logo-cell:nth-child(n+4){border-bottom:1px solid rgba(10,10,11,.16)}.gb-logo-cell:nth-child(n+5){border-bottom:0}.gb-logo-cell img{width:82px;height:82px}.gb-media-composition,.gb-single-brand,.gb-play-stage{min-height:460px}.mark-archis{width:130px;height:130px;left:8%}.mark-archistv{width:110px;height:110px;right:8%}.mark-dealhub{width:95px;height:95px;left:17%}.mark-spideal{width:88px;height:88px;right:18%}.gb-media-caption{right:6%;bottom:6%}.gb-single-logo{width:220px}.gb-play-stage img{width:180px}
  .gb-use-row{grid-template-columns:38px 1fr 90px;gap:16px;padding:26px 0;min-height:170px}.gb-use-row h3{grid-column:2}.gb-use-row p{grid-column:2/4}.gb-use-logos{grid-column:3;grid-row:1/3}.gb-use-logos img{width:54px;height:54px}
  .gb-impact-grid{grid-template-columns:1fr}.gb-stat{min-height:220px}.gb-manifesto-art{min-height:470px}.gb-art-logo{width:160px;height:160px}.gb-art-logo span{font-size:48px}
  .gb-part-card{grid-template-columns:40px 1fr 48px;gap:14px;min-height:180px}.gb-part-arrow{width:44px;height:44px}.gb-part-card p{font-size:13px;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){.gb-play-ring{animation:none}.gb-panel{animation:none}}



/* V8 — brand ecosystem: editorial, modern, concise */
.ecosystem-v8{background:#f2eee6;color:#0a0a0b;padding:132px 0 138px;border-top:1px solid rgba(10,10,11,.16)}
.eco-v8-head{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:44px;align-items:start;margin-bottom:68px}
.eco-v8-label{display:flex;align-items:center;gap:13px;padding-top:8px;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#716c64}
.eco-v8-label>span:first-child{width:31px;height:31px;border:1px solid rgba(10,10,11,.26);border-radius:50%;display:grid;place-items:center;font-size:9px;letter-spacing:0}
.eco-v8-head h2{margin:0;font-size:clamp(46px,5.5vw,78px);line-height:.95;letter-spacing:-.06em;max-width:12ch;text-wrap:balance}
.eco-v8-head p{margin:7px 0 0;color:#625d56;font-size:16px;line-height:1.65;max-width:320px}
.eco-v8-browser{border:1px solid rgba(10,10,11,.24);background:#e9e4da;box-shadow:0 24px 70px rgba(34,29,20,.08)}
.eco-v8-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(10,10,11,.24);background:#f2eee6}
.eco-v8-tab{position:relative;min-height:92px;padding:18px 20px;border:0;border-right:1px solid rgba(10,10,11,.2);background:transparent;color:#0a0a0b;display:grid;grid-template-columns:28px 1fr 7px;align-items:center;gap:13px;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,color .3s}
.eco-v8-tab:last-child{border-right:0}.eco-v8-tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#176dff;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.eco-v8-tab:nth-child(2)::before{background:#ef475b}.eco-v8-tab:nth-child(3)::before{background:#176dff}.eco-v8-tab:nth-child(4)::before{background:#ffca18}
.eco-v8-tab:hover{background:#fff}.eco-v8-tab.active{background:#0b0c0f;color:#fff}.eco-v8-tab.active::before{transform:scaleX(1)}
.eco-v8-tab-no{font-size:9px;font-weight:900;letter-spacing:.1em;opacity:.45}.eco-v8-tab-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.eco-v8-tab-copy strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.eco-v8-tab-copy small{font-size:10px;opacity:.45}.eco-v8-tab i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transition:background .3s}.eco-v8-tab.active i{background:currentColor}
.eco-v8-panels{min-height:660px;overflow:hidden}.eco-v8-panel{display:none;grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);min-height:660px;animation:ecoV8In .55s var(--ease)}.eco-v8-panel.active{display:grid}@keyframes ecoV8In{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.eco-v8-copy{padding:52px 46px;border-right:1px solid rgba(10,10,11,.2);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:#f2eee6}.eco-v8-copy-dark{background:#101217;color:#fff;border-color:rgba(255,255,255,.14)}
.eco-v8-kicker{margin-bottom:auto;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;opacity:.5}.eco-v8-copy h3{margin:88px 0 20px;font-size:clamp(39px,4.5vw,64px);line-height:.96;letter-spacing:-.055em;max-width:9.5ch;text-wrap:balance}.eco-v8-copy p{margin:0 0 31px;color:#625d56;font-size:15px;line-height:1.65;max-width:410px}.eco-v8-copy-dark p{color:rgba(255,255,255,.58)}
.eco-v8-link{width:min(100%,270px);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#0a0a0b;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}.eco-v8-link.light{color:#fff}.eco-v8-link b{font-size:18px;font-weight:500;transition:transform .3s}.eco-v8-link:hover b{transform:translate(5px,-3px)}
.eco-v8-brand-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(0,1fr));background:#0b0c0f;gap:1px;padding:1px;min-width:0}.eco-v8-brand{--brand:#fff;position:relative;min-width:0;padding:22px;border:0;background:#f7f4ed;color:#0a0a0b;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;cursor:pointer;isolation:isolate;transition:color .35s,transform .35s var(--ease)}.eco-v8-brand::before{content:"";position:absolute;inset:0;background:var(--brand);z-index:-1;transform:translateY(101%);transition:transform .48s var(--ease)}.eco-v8-brand:hover::before,.eco-v8-brand:focus-visible::before{transform:none}.eco-v8-brand:hover,.eco-v8-brand:focus-visible{color:var(--brand-text,#fff);outline:none}.eco-v8-brand:hover img{transform:scale(1.08) rotate(-3deg)}
.eco-v8-brand-top{display:flex;justify-content:space-between;gap:12px;align-items:start;position:relative;z-index:2}.eco-v8-brand-top small{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.58;max-width:18ch;line-height:1.4}.eco-v8-brand-top b{font-size:19px;font-weight:500}.eco-v8-brand img{width:clamp(72px,7vw,112px);height:clamp(72px,7vw,112px);object-fit:contain;align-self:center;transition:transform .45s var(--ease);filter:drop-shadow(8px 10px 0 rgba(0,0,0,.08))}.eco-v8-brand strong{font-size:clamp(24px,2.6vw,39px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase;position:relative;z-index:2}
.eco-v8-brand.dealhub{grid-column:span 5;--brand:#ef475b}.eco-v8-brand.spidkey{grid-column:span 4;--brand:#176dff}.eco-v8-brand.spidwin{grid-column:span 3;--brand:#ffca18;--brand-text:#0a0a0b}.eco-v8-brand.archis{grid-column:span 4;--brand:#17140e;--brand-text:#e4c478}.eco-v8-brand.spideal{grid-column:span 4;--brand:#7e173f}.eco-v8-brand.archistv{grid-column:span 4;--brand:#0c3d54}
.eco-v8-media{background:#0b0d11}.eco-v8-media-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.14);padding:1px}.eco-v8-media-card{position:relative;display:grid;grid-template-columns:1fr 92px;grid-template-rows:1fr auto;gap:20px;padding:28px;background:#15171d;color:#fff;overflow:hidden}.eco-v8-media-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--media-accent,#fff)}.eco-v8-media-card>div{display:flex;flex-direction:column;gap:10px}.eco-v8-media-card span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48)}.eco-v8-media-card strong{font-size:clamp(42px,5vw,72px);line-height:.84;letter-spacing:-.07em}.eco-v8-media-card img{width:88px;height:88px;object-fit:contain;background:#fff;padding:9px;align-self:start;transition:transform .4s var(--ease)}.eco-v8-media-card:hover img{transform:rotate(-4deg) scale(1.06)}.eco-v8-media-card small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.55)}.eco-v8-media-card.archis{--media-accent:#e4c478}.eco-v8-media-card.archistv{--media-accent:#35baf3}.eco-v8-media-card.dealhub{--media-accent:#ef475b}.eco-v8-media-card.spideal{--media-accent:#9d3b64}
.eco-v8-focus{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.eco-v8-focus-key{background:#176dff;color:#fff}.eco-v8-focus-win{background:#ffca18;color:#0a0a0b}.eco-v8-outline-word{position:absolute;left:-4%;top:8%;font-size:clamp(90px,12vw,185px);font-weight:950;line-height:.8;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.32);transform:rotate(-6deg)}.eco-v8-focus-logo{position:relative;z-index:2;width:min(43%,330px);aspect-ratio:1;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:24px 26px 0 rgba(0,0,0,.14)}.eco-v8-focus-logo img{width:68%;height:68%;object-fit:contain;transition:transform .5s var(--ease)}.eco-v8-focus:hover .eco-v8-focus-logo img{transform:rotate(-5deg) scale(1.07)}.eco-v8-focus-meta{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid currentColor;padding-top:15px}.eco-v8-focus-meta span{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eco-v8-win-lines{position:absolute;inset:0}.eco-v8-win-lines i{position:absolute;border:1px solid rgba(10,10,11,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:ecoV8Spin 18s linear infinite}.eco-v8-win-lines i:nth-child(1){width:72%;aspect-ratio:1}.eco-v8-win-lines i:nth-child(2){width:50%;aspect-ratio:1;animation-direction:reverse;animation-duration:13s}.eco-v8-win-lines i:nth-child(3){width:28%;aspect-ratio:1;animation-duration:9s}@keyframes ecoV8Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Brands page — category dock + card dossiers */
.brand-detail-list{padding:38px 0 135px;background:#0b0c0f}.brand-detail-list>.section-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brand-filter-v8{grid-column:1/-1;position:sticky;top:calc(var(--nav-h) + 12px);z-index:8;display:grid;grid-template-columns:240px 1fr;background:rgba(11,12,15,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);margin-bottom:18px}.brand-filter-v8-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-right:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.brand-filter-v8-title small{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#ffca18}.brand-filter-v8-buttons{display:grid;grid-template-columns:repeat(4,1fr)}.brand-filter-v8-btn{position:relative;min-height:68px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;overflow:hidden}.brand-filter-v8-btn:last-child{border-right:0}.brand-filter-v8-btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffca18;transform:scaleX(0);transform-origin:left;transition:transform .35s}.brand-filter-v8-btn:hover{background:rgba(255,255,255,.06)}.brand-filter-v8-btn.active{background:#fff;color:#0a0a0b}.brand-filter-v8-btn.active::after{transform:scaleX(1)}.brand-filter-v8-btn b{font-size:9px;opacity:.45}
.brand-detail-list .detail-card{--card-accent:#fff;position:relative;min-height:390px;margin:0;padding:30px;border:1px solid rgba(255,255,255,.15);background:#121318;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:26px;overflow:hidden;transition:transform .35s var(--ease),border-color .35s,background .35s}.brand-detail-list .detail-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--card-accent)}.brand-detail-list .detail-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);background:#17191f}.brand-detail-list .detail-card.is-filtered-out{display:none!important}.brand-detail-list .detail-brand{display:flex;align-items:center;gap:18px}.brand-detail-list .detail-logo{width:78px;height:78px;padding:9px;background:#fff;border:1px solid rgba(255,255,255,.15);filter:none}.brand-detail-list .detail-name{font-size:clamp(38px,4vw,60px);margin:0}.brand-detail-list .detail-description{font-size:15px;line-height:1.65;max-width:520px}.brand-detail-list .detail-meta{border-top:1px solid rgba(255,255,255,.13);padding-top:21px}.brand-detail-list .text-link{margin-top:22px;color:#fff}.brand-detail-list .text-link::after{color:var(--card-accent)}.brand-detail-list .brand-spidkey{--card-accent:#176dff}.brand-detail-list .brand-archis{--card-accent:#e4c478}.brand-detail-list .brand-archistv{--card-accent:#35baf3}.brand-detail-list .brand-dealhub{--card-accent:#ef475b}.brand-detail-list .brand-spideal{--card-accent:#9d3b64}.brand-detail-list .brand-spidwin{--card-accent:#ffca18}
@media(max-width:1050px){.eco-v8-head{grid-template-columns:150px 1fr}.eco-v8-head>p{grid-column:2}.eco-v8-panel{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.eco-v8-copy{padding:42px 34px}.eco-v8-brand strong{font-size:30px}.brand-filter-v8{grid-template-columns:190px 1fr}}
@media(max-width:820px){.ecosystem-v8{padding:96px 0}.eco-v8-head{grid-template-columns:1fr;gap:22px;margin-bottom:46px}.eco-v8-head>p{grid-column:auto}.eco-v8-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.eco-v8-tabs::-webkit-scrollbar{display:none}.eco-v8-tab{min-width:190px}.eco-v8-panel{grid-template-columns:1fr}.eco-v8-copy{min-height:390px;border-right:0;border-bottom:1px solid rgba(10,10,11,.2)}.eco-v8-copy-dark{border-color:rgba(255,255,255,.14)}.eco-v8-brand-grid{min-height:580px}.eco-v8-media-grid{min-height:610px}.eco-v8-focus{min-height:610px}.brand-detail-list>.section-shell{grid-template-columns:1fr}.brand-filter-v8{grid-template-columns:1fr;top:calc(var(--nav-h) + 8px)}.brand-filter-v8-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.brand-filter-v8-buttons{overflow-x:auto}.brand-filter-v8-btn{min-width:145px}.brand-detail-list .detail-card{min-height:360px}}
@media(max-width:580px){.eco-v8-head h2{font-size:45px}.eco-v8-head p{font-size:14px}.eco-v8-browser{margin-inline:-1px}.eco-v8-tab{min-width:158px;min-height:78px;padding:14px 13px;grid-template-columns:22px 1fr 6px}.eco-v8-tab-copy strong{font-size:11px}.eco-v8-copy{min-height:345px;padding:32px 25px}.eco-v8-copy h3{font-size:43px;margin-top:65px}.eco-v8-copy p{font-size:14px}.eco-v8-brand-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,210px);min-height:0}.eco-v8-brand{grid-column:span 1!important;padding:16px}.eco-v8-brand img{width:72px;height:72px}.eco-v8-brand strong{font-size:23px}.eco-v8-brand-top small{font-size:7px}.eco-v8-media-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,190px);min-height:0}.eco-v8-media-card{grid-template-columns:1fr 70px;padding:21px}.eco-v8-media-card img{width:68px;height:68px}.eco-v8-media-card strong{font-size:47px}.eco-v8-focus{min-height:490px}.eco-v8-focus-logo{width:52%}.eco-v8-focus-meta{left:18px;right:18px;gap:6px}.eco-v8-focus-meta span{font-size:7px}.brand-detail-list{padding-top:20px}.brand-filter-v8{margin-inline:-1px}.brand-filter-v8-title{padding:14px 15px}.brand-filter-v8-buttons{grid-template-columns:none;display:flex}.brand-filter-v8-btn{min-width:128px;min-height:58px;padding:12px}.brand-detail-list .detail-card{padding:23px;min-height:345px}.brand-detail-list .detail-logo{width:62px;height:62px}.brand-detail-list .detail-name{font-size:38px}.brand-detail-list .detail-meta{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.eco-v8-panel,.eco-v8-win-lines i{animation:none}.eco-v8-brand::before{transition:none}}



/* =========================================================
   V9 — DISTINCT HOMEPAGE WORLDS + TEXT SAFETY
   ========================================================= */
.page :is(section,article,div,header,footer,nav){min-width:0}
.page :is(h1,h2,h3,h4,p,strong,small,a,button,span){max-width:100%}
.page :is(h1,h2,h3,h4,.display,.detail-name,.spotlight-copy h2,.group-hero-title){overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.page p{overflow-wrap:break-word}
.group-hero-title{font-size:clamp(48px,6.6vw,94px);line-height:.96;max-width:12.8ch}
.spotlight-copy{min-width:0}.spotlight-copy h2{font-size:clamp(39px,5.2vw,72px);line-height:.98;max-width:13ch}.spotlight-copy p{max-width:48ch}
.inner-hero .display{font-size:clamp(52px,8.3vw,112px);line-height:.9;max-width:13ch}
.brand-detail-list .detail-brand,.brand-detail-list .detail-meta,.brand-detail-list .meta-item{min-width:0}
.brand-detail-list .detail-name{font-size:clamp(34px,3.5vw,54px);line-height:.94}
.brand-detail-list .detail-description,.brand-detail-list .meta-item strong{overflow-wrap:break-word}
.brand-detail-list .detail-logo[src*="data:image/png"]{object-fit:contain}
.brand-detail-list .brand-spidwin .detail-logo{background:transparent;border-color:rgba(255,202,24,.25);padding:2px}

.ecosystem-v9{padding:126px 0 138px;background:#f1ede5;color:#0a0a0b;overflow:hidden}
.eco-v9-head{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(250px,330px);gap:46px;align-items:start;margin-bottom:62px}
.eco-v9-label{display:flex;align-items:center;gap:13px;padding-top:7px;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#706a62}
.eco-v9-label>span:first-child{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(10,10,11,.25);border-radius:50%;font-size:9px;letter-spacing:0}
.eco-v9-head h2{margin:0;font-size:clamp(42px,5vw,70px);line-height:.97;letter-spacing:-.055em;max-width:13ch}
.eco-v9-head p{margin:8px 0 0;color:#625d56;font-size:15px;line-height:1.65;max-width:300px}
.eco-v9-browser{display:grid;grid-template-columns:284px minmax(0,1fr);min-height:680px;border:1px solid rgba(10,10,11,.24);background:#0b0c0f;box-shadow:0 28px 80px rgba(33,28,20,.1);overflow:hidden}
.eco-v9-nav{display:flex;flex-direction:column;background:#0b0c0f;color:#fff;border-right:1px solid rgba(255,255,255,.16)}
.eco-v9-tab{--tab-accent:#ef475b;position:relative;isolation:isolate;flex:1;min-height:170px;padding:28px 23px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;display:grid;grid-template-columns:34px 1fr 10px;gap:16px;align-items:center;text-align:left;cursor:pointer;overflow:hidden;transition:color .35s var(--ease)}
.eco-v9-tab:nth-child(2){--tab-accent:#176dff}.eco-v9-tab:nth-child(3){--tab-accent:#ffca18;color:#fff}.eco-v9-tab:last-child{border-bottom:0}
.eco-v9-tab::before{content:"";position:absolute;inset:0;background:var(--tab-accent);z-index:-1;transform:translateX(-101%);transition:transform .5s var(--ease)}
.eco-v9-tab::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tab-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease)}
.eco-v9-tab:hover::before{transform:translateX(-94%)}.eco-v9-tab.active::before{transform:none}.eco-v9-tab.active::after{transform:scaleY(1)}
.eco-v9-tab:nth-child(3).active{color:#0a0a0b}
.eco-v9-tab-index{font-size:9px;font-weight:900;letter-spacing:.1em;opacity:.45;align-self:start;padding-top:4px}
.eco-v9-tab-copy{display:flex;flex-direction:column;gap:9px;min-width:0}.eco-v9-tab-copy strong{font-size:clamp(18px,1.7vw,24px);line-height:1;letter-spacing:-.025em;text-transform:uppercase}.eco-v9-tab-copy small{font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;opacity:.5}
.eco-v9-tab i{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;opacity:.7}.eco-v9-tab.active i{background:currentColor}
.eco-v9-stage{position:relative;min-height:680px;background:#f5f1e9;overflow:hidden}
.eco-v9-panel{display:none;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:680px;animation:ecoV9In .55s var(--ease)}.eco-v9-panel.active{display:grid}@keyframes ecoV9In{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.eco-v9-copy{position:relative;z-index:3;padding:48px 42px 44px;background:#f5f1e9;border-right:1px solid rgba(10,10,11,.18);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0}
.eco-v9-kicker{margin-bottom:auto;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#756f67}
.eco-v9-copy h3{margin:82px 0 20px;font-size:clamp(38px,4.2vw,60px);line-height:.98;letter-spacing:-.052em;max-width:11.5ch;overflow-wrap:break-word}
.eco-v9-copy p{margin:0 0 30px;color:#625d56;font-size:15px;line-height:1.65;max-width:390px}
.eco-v9-link{width:min(100%,270px);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#0a0a0b;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;cursor:pointer;text-align:left}
.eco-v9-link b{font-size:18px;font-weight:500;transition:transform .3s}.eco-v9-link:hover b{transform:translate(5px,-3px)}
.eco-v9-visual{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:680px}
.eco-v9-ghost-word{position:absolute;left:-3%;top:4%;z-index:-1;font-size:clamp(100px,13vw,190px);font-weight:950;line-height:.82;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);white-space:nowrap}

.eco-v9-visual-media{background:#101217;color:#fff}
.eco-v9-ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:53%;top:49%;translate:-50% -50%}.eco-v9-ring.ring-a{width:min(66%,430px);aspect-ratio:1}.eco-v9-ring.ring-b{width:min(42%,270px);aspect-ratio:1;border-style:dashed;animation:ecoV9Spin 20s linear infinite}
.eco-v9-logo-chip{position:absolute;width:clamp(82px,8vw,122px);aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:12px 15px 0 rgba(0,0,0,.2);transition:transform .45s var(--ease)}
.eco-v9-logo-chip img{width:72%;height:72%;object-fit:contain}.eco-v9-logo-chip:hover{transform:rotate(-4deg) scale(1.06)}
.chip-archis{left:15%;top:18%;background:#f0dfae}.chip-archistv{right:12%;top:15%;background:#e7f8ff}.chip-dealhub{left:25%;bottom:14%}.chip-spideal{right:21%;bottom:18%}
.eco-v9-stat{position:absolute;left:50%;top:49%;translate:-50% -50%;z-index:2;width:154px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ef475b;color:#fff;text-align:center;box-shadow:18px 21px 0 rgba(0,0,0,.22)}
.eco-v9-stat strong{font-size:42px;line-height:.85;letter-spacing:-.07em}.eco-v9-stat span{margin-top:11px;max-width:11ch;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.35}

.eco-v9-visual-commerce{background:#176dff;color:#fff}
.eco-v9-visual-commerce .eco-v9-ghost-word{top:7%;left:-8%;-webkit-text-stroke-color:rgba(255,255,255,.22)}
.eco-v9-key-frame{position:absolute;left:50%;top:48%;translate:-50% -50%;width:min(48%,350px);aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:26px 30px 0 rgba(4,37,112,.34);transform:rotate(-4deg);transition:transform .55s var(--ease)}
.eco-v9-key-frame img{width:72%;height:72%;object-fit:contain}.eco-v9-visual-commerce:hover .eco-v9-key-frame{transform:rotate(2deg) scale(1.025)}
.eco-v9-tags{position:absolute;left:30px;right:30px;bottom:28px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.56);padding-top:14px}.eco-v9-tags span{font-size:8px;font-weight:900;letter-spacing:.15em}

.eco-v9-visual-play{background:linear-gradient(145deg,#ffdf20 0%,#ff7a18 92%);color:#0a0a0b}
.eco-v9-visual-play .eco-v9-ghost-word{left:-2%;top:6%;-webkit-text-stroke-color:rgba(10,10,11,.2)}
.eco-v9-play-ring{position:absolute;left:54%;top:48%;translate:-50% -50%;border:1px solid rgba(10,10,11,.22);border-radius:50%;animation:ecoV9Spin 18s linear infinite}.play-ring-a{width:min(72%,480px);aspect-ratio:1}.play-ring-b{width:min(49%,330px);aspect-ratio:1;border-style:dashed;animation-direction:reverse;animation-duration:13s}.play-ring-c{width:min(28%,190px);aspect-ratio:1;animation-duration:9s}
.eco-v9-spidwin-logo{position:absolute;left:53%;top:47%;translate:-50% -50%;z-index:2;width:min(32%,245px);max-height:430px;object-fit:contain;filter:drop-shadow(19px 24px 0 rgba(113,52,0,.18));transition:transform .55s var(--ease)}
.eco-v9-visual-play:hover .eco-v9-spidwin-logo{transform:rotate(4deg) scale(1.04)}
.eco-v9-play-caption{position:absolute;left:30px;right:30px;bottom:28px;border-top:1px solid rgba(10,10,11,.45);padding-top:14px;font-size:8px;font-weight:900;letter-spacing:.15em;text-align:center}
@keyframes ecoV9Spin{to{transform:rotate(360deg)}}

/* Never place a background plate behind the transparent Spidwin mark. */
:is(.galaxy-brand-3,.spotlight-orange .spotlight-logo,.eco-v9-visual-play) img[data-logo-source="spidwin"]{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important}

@media(max-width:1120px){
  .eco-v9-head{grid-template-columns:150px minmax(0,1fr)}.eco-v9-head>p{grid-column:2}.eco-v9-browser{grid-template-columns:230px minmax(0,1fr)}.eco-v9-copy{padding:42px 32px}.eco-v9-panel{grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr)}
}
@media(max-width:880px){
  .eco-v9-head{grid-template-columns:1fr;gap:22px;margin-bottom:44px}.eco-v9-head>p{grid-column:auto}.eco-v9-browser{grid-template-columns:1fr;min-height:0}.eco-v9-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.15);scrollbar-width:none}.eco-v9-nav::-webkit-scrollbar{display:none}.eco-v9-tab{min-width:220px;min-height:94px;padding:19px;flex:none;border-bottom:0;border-right:1px solid rgba(255,255,255,.14)}.eco-v9-tab::after{top:auto;right:0;width:auto;height:4px;transform:scaleX(0);transform-origin:left}.eco-v9-tab.active::after{transform:scaleX(1)}.eco-v9-stage,.eco-v9-panel{min-height:0}.eco-v9-panel{grid-template-columns:1fr}.eco-v9-copy{min-height:365px;border-right:0;border-bottom:1px solid rgba(10,10,11,.18)}.eco-v9-visual{min-height:540px}.eco-v9-copy h3{margin-top:58px;max-width:13ch}.eco-v9-head h2{max-width:14ch}
}
@media(max-width:640px){
  .group-hero-title{font-size:clamp(40px,11vw,58px);line-height:.98;max-width:11.5ch}.group-hero-lead{font-size:14px;line-height:1.55}.group-hero-stats strong{font-size:28px}.group-hero-stats span{font-size:9px}
  .spotlight-copy h2{font-size:clamp(33px,9.2vw,49px);line-height:1;max-width:12ch}.spotlight-copy p{font-size:14px;line-height:1.55}.spotlight-slide{overflow:hidden}
  .inner-hero .display{font-size:clamp(42px,12vw,64px);line-height:.92;max-width:11.5ch}
  .ecosystem-v9{padding:88px 0 96px}.eco-v9-head h2{font-size:clamp(38px,10vw,50px);line-height:1}.eco-v9-head p{font-size:14px}.eco-v9-browser{margin-inline:-1px}.eco-v9-tab{min-width:188px;min-height:84px;padding:15px;grid-template-columns:26px 1fr 8px}.eco-v9-tab-copy strong{font-size:16px}.eco-v9-copy{min-height:330px;padding:30px 24px}.eco-v9-copy h3{font-size:clamp(36px,10vw,46px);line-height:1;margin-top:52px;max-width:11.5ch}.eco-v9-copy p{font-size:14px;line-height:1.58}.eco-v9-visual{min-height:430px}.eco-v9-logo-chip{width:78px}.chip-archis{left:8%;top:17%}.chip-archistv{right:7%;top:14%}.chip-dealhub{left:15%;bottom:13%}.chip-spideal{right:12%;bottom:16%}.eco-v9-stat{width:128px}.eco-v9-stat strong{font-size:35px}.eco-v9-key-frame{width:55%}.eco-v9-spidwin-logo{width:36%;max-height:300px}.eco-v9-tags,.eco-v9-play-caption{left:18px;right:18px;bottom:18px}.eco-v9-tags span,.eco-v9-play-caption{font-size:7px}
  .brand-detail-list .detail-card{min-height:0}.brand-detail-list .detail-brand{align-items:flex-start}.brand-detail-list .detail-name{font-size:clamp(32px,10vw,42px)}.brand-detail-list .detail-meta{grid-template-columns:1fr!important;gap:15px}.brand-detail-list .text-link{display:inline-flex;margin-left:0!important;margin-right:12px;white-space:normal}.brand-filter-v8-title span,.brand-filter-v8-btn span{overflow-wrap:normal}
}
@media(max-width:390px){
  .eco-v9-copy h3{font-size:35px}.eco-v9-tab{min-width:174px}.eco-v9-logo-chip{width:68px}.eco-v9-stat{width:112px}.eco-v9-stat strong{font-size:30px}.eco-v9-visual{min-height:390px}.eco-v9-play-caption{letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){.eco-v9-panel,.eco-v9-ring,.eco-v9-play-ring{animation:none}}

/* V9.1 micro-polish */
.eco-v9-tab:nth-child(3) .eco-v9-tab-copy strong{font-size:clamp(15px,1.45vw,21px)}
.galaxy-brand-3{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:0!important}
.galaxy-brand-3 img{width:88%!important;height:88%!important;filter:drop-shadow(0 14px 20px rgba(255,133,24,.22))!important}
@media(max-width:1120px){.eco-v9-tab:nth-child(3) .eco-v9-tab-copy strong{font-size:16px}}
@media(max-width:640px){.eco-v9-tab:nth-child(3) .eco-v9-tab-copy strong{font-size:14px}}



/* =========================================================
   V10 — PROPORTIONS COMPACTES, TEXTE SÛR, LOGO SPIDWIN CADRÉ
   ========================================================= */
:root{
  --max:1180px;
  --nav-h:72px;
  --radius:18px;
  --radius-sm:12px;
}

/* Échelle globale plus éditoriale, moins démonstrative. */
.section{padding:88px 0}
.section-shell,.hero-shell,.nav-shell{width:min(calc(100% - 40px),var(--max))}
.eyebrow{margin-bottom:16px;font-size:9px}
.section-title{font-size:clamp(34px,4.8vw,64px);line-height:1;letter-spacing:-.05em;margin-bottom:20px}
.section-copy{font-size:clamp(14px,1.2vw,17px);line-height:1.6;max-width:600px}
.display{font-size:clamp(46px,7.4vw,104px);line-height:.9;letter-spacing:-.065em}

/* Navigation compacte. */
.site-header{height:var(--nav-h)}
.brandmark{font-size:17px;gap:9px}
.brandmark-symbol{width:28px;height:28px;border-radius:8px;font-size:13px}
.main-nav{gap:2px}
.nav-link{padding:8px 11px;font-size:12px;white-space:nowrap}
.nav-cta{padding:9px 13px;font-size:11px;white-space:nowrap}
.language-switch{padding:4px 7px}.lang-button{font-size:10px;padding:4px 5px}

/* Accueil : composition plus compacte. */
.group-hero{min-height:auto;padding:calc(var(--nav-h) + 38px) 0 24px}
.group-hero-shell{min-height:calc(100svh - var(--nav-h) - 54px);grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);gap:22px 44px}
.group-hero-copy{max-width:660px}
.hero-eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:18px}
.group-hero-title{font-size:clamp(40px,4.9vw,68px);line-height:1;letter-spacing:-.052em;max-width:16ch;overflow-wrap:normal;word-break:keep-all;text-wrap:pretty}
.group-hero-lead{max-width:570px;margin-top:22px;font-size:clamp(14px,1.15vw,17px);line-height:1.58}
.hero-actions{margin-top:26px;gap:9px}.hero-button{padding:11px 16px;font-size:11px;white-space:nowrap}
.hero-galaxy{width:min(35vw,455px)}
.galaxy-core{width:122px;border-radius:15px}.galaxy-core span{font-size:35px}.galaxy-core small{font-size:7px;margin-top:-20px}
.galaxy-brand{width:clamp(62px,5.6vw,82px);border-radius:14px;padding:10px;box-shadow:6px 7px 0 rgba(0,0,0,.3)}
.group-hero-stats{padding-top:17px;gap:16px}.group-hero-stats div{gap:9px}.group-hero-stats strong{font-size:clamp(25px,2.7vw,38px)}.group-hero-stats span{font-size:10px;line-height:1.3}

/* Slider réduit et mieux proportionné. */
.spotlight-track{min-height:470px}
.spotlight-slide{grid-template-columns:1.12fr .78fr;gap:34px;padding:54px max(20px,calc((100vw - var(--max))/2));min-height:470px}
.spotlight-copy{max-width:680px}.spotlight-index{font-size:9px}
.spotlight-copy h2{font-size:clamp(34px,4.15vw,60px);line-height:1;letter-spacing:-.052em;margin:17px 0;max-width:16ch;overflow-wrap:normal;word-break:keep-all}
.spotlight-copy p{font-size:14px;line-height:1.58;max-width:590px}
.spotlight-copy a,.spotlight-copy button{padding:10px 0;font-size:11px;white-space:nowrap}
.spotlight-logo{height:260px}.spotlight-logo img{max-height:225px;max-width:78%}.spotlight-logo.duo img{max-height:175px}
.spotlight-controls{bottom:22px}.spotlight-controls>button{width:36px;height:36px}

/* Navigateur des univers : moins haut, plus dense. */
.ecosystem-v9{padding:92px 0 102px}
.eco-v9-head{grid-template-columns:145px minmax(0,1fr) minmax(220px,280px);gap:32px;margin-bottom:42px}
.eco-v9-label{font-size:9px}.eco-v9-label>span:first-child{width:27px;height:27px;font-size:8px}
.eco-v9-head h2{font-size:clamp(36px,4.2vw,56px);line-height:1;max-width:15ch;overflow-wrap:normal;word-break:keep-all}
.eco-v9-head p{font-size:13px;line-height:1.55;max-width:270px}
.eco-v9-browser{grid-template-columns:225px minmax(0,1fr);min-height:550px;box-shadow:0 20px 55px rgba(33,28,20,.08)}
.eco-v9-tab{min-height:136px;padding:20px 17px;grid-template-columns:27px 1fr 8px;gap:12px}
.eco-v9-tab-copy{gap:7px}.eco-v9-tab-copy strong{display:block;font-size:clamp(15px,1.35vw,19px)!important;line-height:1;white-space:nowrap;letter-spacing:-.015em}.eco-v9-tab-copy small{font-size:8px;white-space:nowrap}
.eco-v9-stage,.eco-v9-panel{min-height:550px}
.eco-v9-panel{grid-template-columns:minmax(255px,.7fr) minmax(0,1.3fr)}
.eco-v9-copy{padding:34px 31px 32px}
.eco-v9-kicker{font-size:8px}.eco-v9-copy h3{margin:55px 0 15px;font-size:clamp(31px,3.5vw,46px);line-height:1;max-width:13ch;overflow-wrap:normal;word-break:keep-all}.eco-v9-copy p{margin-bottom:22px;font-size:13px;line-height:1.55;max-width:350px}
.eco-v9-link{width:min(100%,235px);padding:10px 0;font-size:8px;white-space:nowrap}.eco-v9-link b{font-size:15px}
.eco-v9-visual{min-height:550px}.eco-v9-ghost-word{font-size:clamp(78px,10vw,145px)}
.eco-v9-logo-chip{width:clamp(68px,6.5vw,94px);box-shadow:8px 10px 0 rgba(0,0,0,.18)}
.eco-v9-stat{width:122px;box-shadow:12px 14px 0 rgba(0,0,0,.2)}.eco-v9-stat strong{font-size:34px}.eco-v9-stat span{font-size:7px;margin-top:8px}
.eco-v9-key-frame{width:min(43%,270px);box-shadow:18px 20px 0 rgba(4,37,112,.3)}
.eco-v9-tags,.eco-v9-play-caption{left:23px;right:23px;bottom:21px;padding-top:11px}.eco-v9-tags span,.eco-v9-play-caption{font-size:7px}

/* Le fichier Spidwin reste détouré, mais il retrouve un vrai carré de présentation. */
.galaxy-brand-3{background:#111114!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:6px 7px 0 rgba(0,0,0,.3)!important;padding:10px!important;border-radius:14px!important}
.galaxy-brand-3 img{width:100%!important;height:100%!important;filter:none!important;object-fit:contain!important}
.spotlight-orange .spotlight-logo{display:grid;place-items:center}
.spotlight-orange .spotlight-logo img[data-logo-source="spidwin"]{width:210px!important;height:210px!important;max-width:210px!important;max-height:210px!important;padding:25px!important;background:#fff!important;border:1px solid rgba(10,10,11,.14)!important;border-radius:16px!important;object-fit:contain!important;box-shadow:10px 12px 0 rgba(10,10,11,.09)!important;filter:none!important}
.eco-v9-spidwin-logo{left:53%;top:47%;width:205px!important;height:205px!important;max-height:none!important;padding:25px!important;background:#fff!important;border:1px solid rgba(10,10,11,.16)!important;border-radius:16px!important;object-fit:contain!important;filter:none!important;box-shadow:15px 18px 0 rgba(113,52,0,.16)!important}
.brand-detail-list .brand-spidwin .detail-logo{background:#fff!important;border:1px solid rgba(255,255,255,.15)!important;padding:8px!important;border-radius:0!important}
.gb-use-row:last-child .gb-use-logos img[data-logo-source="spidwin"]{background:#fff!important;padding:8px!important;border:1px solid rgba(255,255,255,.15)!important}

/* Sections qui suivent : mêmes contenus, échelle plus crédible. */
.gb-uses{padding:100px 0}.gb-uses-layout{grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);gap:68px}
.gb-uses-intro h2{margin:25px 0 20px;font-size:clamp(34px,4.1vw,56px);line-height:1;max-width:13ch}.gb-uses-intro p{font-size:14px;line-height:1.6}
.gb-use-row{grid-template-columns:40px minmax(105px,.32fr) minmax(220px,1fr) 118px;gap:20px;min-height:136px}
.gb-use-row h3{font-size:clamp(24px,2.2vw,33px);white-space:nowrap}.gb-use-row p{font-size:13px;line-height:1.55}.gb-use-logos img{width:52px;height:52px;padding:6px}
.gb-impact{padding:94px 0 0}.gb-impact-head{grid-template-columns:145px minmax(0,1fr);gap:32px;margin-bottom:52px}.gb-impact-head h2{font-size:clamp(35px,4.2vw,58px);line-height:1;max-width:16ch}
.gb-stat{min-height:215px;padding:24px 21px}.gb-stat strong{font-size:clamp(45px,4.8vw,68px)}.gb-stat span{font-size:9px;max-width:155px}
.gb-manifesto{padding:100px 0}.gb-manifesto-grid{grid-template-columns:minmax(290px,.86fr) minmax(0,1.14fr);gap:62px}.gb-manifesto-copy h2{margin:29px 0 20px;font-size:clamp(35px,4.2vw,58px);line-height:1;max-width:13ch}.gb-manifesto-copy p{font-size:14px;line-height:1.62}.gb-manifesto-art{min-height:500px}.gb-art-word{font-size:clamp(62px,7.5vw,108px)}.gb-art-logo{width:165px;height:165px;box-shadow:17px 19px 0 rgba(0,0,0,.16)}.gb-art-logo span{font-size:49px}
.gb-participate{padding:98px 0}.gb-participate-head{grid-template-columns:145px minmax(0,1fr);gap:32px;margin-bottom:52px}.gb-participate-head h2{font-size:clamp(35px,4.2vw,58px);line-height:1;max-width:16ch}
.gb-part-card{min-height:142px;grid-template-columns:52px minmax(0,1fr) 52px;gap:22px;padding:19px 6px}.gb-part-card strong{font-size:clamp(25px,3vw,40px);margin-bottom:9px}.gb-part-card p{font-size:13px}.gb-part-arrow{width:44px;height:44px;font-size:16px}

/* Page Nos marques : filtres et dossiers réduits. */
.inner-hero{min-height:58vh;padding:calc(var(--nav-h) + 70px) 0 56px}.inner-hero .display{font-size:clamp(44px,6.5vw,84px);line-height:.94;max-width:15ch;overflow-wrap:normal;word-break:keep-all}.inner-hero .section-copy{margin-top:22px;font-size:15px}
.brand-detail-list{padding:26px 0 92px}.brand-detail-list>.section-shell{gap:13px}
.brand-filter-v8{grid-template-columns:190px 1fr;margin-bottom:13px;top:calc(var(--nav-h) + 8px)}
.brand-filter-v8-title{padding:13px 15px;font-size:9px;white-space:nowrap}.brand-filter-v8-title small{width:27px;height:27px;font-size:8px}
.brand-filter-v8-btn{min-height:54px;padding:10px 13px;font-size:9px;white-space:nowrap}.brand-filter-v8-btn b{font-size:8px}
.brand-detail-list .detail-card{min-height:305px;padding:22px;gap:18px}.brand-detail-list .detail-card::before{width:4px}
.brand-detail-list .detail-brand{gap:14px;align-items:center}.brand-detail-list .detail-logo{width:62px;height:62px;padding:7px}
.brand-detail-list .detail-name{font-size:clamp(29px,2.8vw,43px);line-height:1;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
.brand-detail-list .detail-description{font-size:13px;line-height:1.55;max-width:480px}.brand-detail-list .detail-meta{padding-top:15px}.meta-item span{font-size:8px;margin-bottom:5px}.meta-item strong{font-size:11px}.brand-detail-list .text-link{margin-top:15px;font-size:9px;white-space:nowrap}

/* Footer et formulaires également allégés. */
.contact-layout{gap:50px;padding:20px 0 95px}.contact-form{padding:27px;border-radius:20px}.field{margin-bottom:22px}.field textarea{min-height:110px}.submit-button{padding:14px 18px;font-size:12px}
.site-footer{padding:52px 0 25px}.footer-top{gap:38px;padding-bottom:50px}.footer-big{font-size:clamp(31px,4vw,52px);line-height:.96;max-width:14ch}

/* Les libellés courts restent sur une ligne ; on réduit plutôt que de casser. */
:is(.nav-link,.nav-cta,.hero-button,.eco-v9-tab-copy strong,.eco-v9-tab-copy small,.eco-v9-link span,.brand-filter-v8-title span,.brand-filter-v8-btn span,.brand-detail-list .detail-name,.brand-detail-list .text-link,.group-hero-stats strong,.gb-use-row h3,.gb-stat strong){white-space:nowrap;overflow-wrap:normal;word-break:keep-all}

@media(max-width:1050px){
  :root{--max:940px}
  .group-hero-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;padding-top:32px}.group-hero-copy{max-width:760px}.group-hero-title{max-width:17ch}.hero-galaxy{width:min(62vw,430px);margin-top:0}.group-hero-stats{margin-top:4px}
  .spotlight-slide{grid-template-columns:1fr;min-height:620px;padding:48px 34px 78px}.spotlight-track{min-height:620px}.spotlight-logo{height:210px}.spotlight-logo img{max-height:180px}.spotlight-orange .spotlight-logo img[data-logo-source="spidwin"]{width:175px!important;height:175px!important;max-width:175px!important;max-height:175px!important;padding:21px!important}
  .eco-v9-head{grid-template-columns:120px minmax(0,1fr)}.eco-v9-head>p{grid-column:2}.eco-v9-browser{grid-template-columns:190px 1fr}.eco-v9-panel{grid-template-columns:minmax(225px,.72fr) 1.28fr}.eco-v9-copy{padding:30px 25px}
  .gb-uses-layout{grid-template-columns:1fr;gap:45px}.gb-uses-intro{position:static}.gb-uses-intro h2{max-width:16ch}.gb-manifesto-grid{grid-template-columns:1fr}.gb-manifesto-copy h2{max-width:16ch}
}

@media(max-width:820px){
  :root{--nav-h:68px}
  .section-shell,.hero-shell,.nav-shell{width:min(calc(100% - 28px),var(--max))}.section{padding:70px 0}
  .nav-link{font-size:24px;white-space:normal}
  .group-hero{padding-top:calc(var(--nav-h) + 28px)}.group-hero-shell{min-height:auto}.group-hero-title{font-size:clamp(36px,8.2vw,55px);max-width:15ch}.group-hero-lead{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-button{width:auto}.hero-galaxy{width:min(80vw,390px)}.group-hero-stats{grid-template-columns:repeat(3,1fr)}.group-hero-stats div{display:block}.group-hero-stats strong{display:block;margin-bottom:4px}.group-hero-stats span{font-size:8px}
  .spotlight-track,.spotlight-slide{min-height:570px}.spotlight-slide{padding:42px 24px 70px}.spotlight-copy h2{font-size:clamp(31px,7vw,45px);max-width:18ch}.spotlight-logo{height:190px}
  .ecosystem-v9{padding:72px 0 78px}.eco-v9-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.eco-v9-head>p{grid-column:auto}.eco-v9-head h2{font-size:clamp(33px,7.2vw,46px);max-width:17ch}.eco-v9-browser{grid-template-columns:1fr}.eco-v9-nav{flex-direction:row}.eco-v9-tab{min-width:175px;min-height:75px;padding:13px}.eco-v9-stage,.eco-v9-panel{min-height:0}.eco-v9-panel{grid-template-columns:1fr}.eco-v9-copy{min-height:275px;padding:25px 22px}.eco-v9-copy h3{margin-top:38px;font-size:clamp(30px,7vw,40px);max-width:15ch}.eco-v9-visual{min-height:390px}.eco-v9-spidwin-logo{width:160px!important;height:160px!important;padding:20px!important}.eco-v9-key-frame{width:210px}.eco-v9-logo-chip{width:67px}.eco-v9-stat{width:103px}.eco-v9-stat strong{font-size:29px}
  .gb-uses,.gb-manifesto,.gb-participate{padding:72px 0}.gb-impact{padding-top:72px}.gb-use-row{grid-template-columns:34px minmax(88px,.35fr) 1fr 88px;gap:12px;min-height:118px}.gb-use-row p{font-size:12px}.gb-use-logos img{width:44px;height:44px}.gb-impact-head,.gb-participate-head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.gb-stat{min-height:170px}.gb-manifesto-art{min-height:390px}.gb-part-card{min-height:116px;grid-template-columns:38px 1fr 42px;gap:14px}.gb-part-card strong{font-size:clamp(23px,5vw,32px)}
  .brand-filter-v8{grid-template-columns:1fr}.brand-filter-v8-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.brand-filter-v8-buttons{display:flex;overflow-x:auto}.brand-filter-v8-btn{min-width:122px}.brand-detail-list>.section-shell{grid-template-columns:1fr}.brand-detail-list .detail-card{min-height:270px}.brand-detail-list .detail-name{font-size:clamp(28px,6vw,38px)}
}

@media(max-width:560px){
  .group-hero-title{font-size:clamp(32px,9vw,44px);max-width:15ch}.hero-actions{grid-template-columns:1fr}.hero-button{font-size:10px}.hero-galaxy{width:min(92vw,350px)}.galaxy-brand{width:58px;padding:8px}.galaxy-brand-3{padding:8px!important}.galaxy-core{width:100px}.galaxy-core span{font-size:29px}.group-hero-stats{gap:8px}.group-hero-stats strong{font-size:25px}.group-hero-stats span{font-size:7px}
  .spotlight-track,.spotlight-slide{min-height:530px}.spotlight-slide{padding:37px 19px 66px;gap:12px}.spotlight-copy h2{font-size:clamp(27px,8vw,38px);line-height:1.02}.spotlight-copy p{font-size:13px}.spotlight-logo{height:165px}.spotlight-logo img{max-height:145px}.spotlight-logo.duo img{max-height:120px}.spotlight-orange .spotlight-logo img[data-logo-source="spidwin"]{width:140px!important;height:140px!important;max-width:140px!important;max-height:140px!important;padding:18px!important}
  .eco-v9-head h2{font-size:34px}.eco-v9-tab{min-width:154px;min-height:70px}.eco-v9-tab-copy strong{font-size:13px!important}.eco-v9-copy{min-height:245px;padding:22px 18px}.eco-v9-copy h3{font-size:32px;margin-top:30px}.eco-v9-copy p{font-size:12px}.eco-v9-visual{min-height:335px}.eco-v9-spidwin-logo{width:136px!important;height:136px!important;padding:17px!important}.eco-v9-key-frame{width:180px}.eco-v9-logo-chip{width:56px}.eco-v9-stat{width:90px}.eco-v9-stat strong{font-size:25px}.eco-v9-tags,.eco-v9-play-caption{left:13px;right:13px;bottom:13px}
  .gb-uses-intro h2,.gb-impact-head h2,.gb-manifesto-copy h2,.gb-participate-head h2{font-size:clamp(30px,8vw,40px)}.gb-use-row{grid-template-columns:27px 1fr 70px;padding:17px 0;min-height:105px}.gb-use-row h3{grid-column:2;font-size:23px}.gb-use-row p{grid-column:2/4;font-size:11px}.gb-use-logos{grid-column:3;grid-row:1/3}.gb-use-logos img{width:39px;height:39px;padding:5px}.gb-impact-grid{grid-template-columns:1fr 1fr}.gb-stat{min-height:145px;padding:17px 14px}.gb-stat strong{font-size:40px}.gb-stat span{font-size:7px}.gb-manifesto-art{min-height:330px}.gb-art-logo{width:125px;height:125px}.gb-art-logo span{font-size:37px}.gb-part-card p{font-size:11px}.gb-part-arrow{width:36px;height:36px}
  .inner-hero{min-height:48vh;padding:calc(var(--nav-h) + 48px) 0 42px}.inner-hero .display{font-size:clamp(35px,10vw,50px);max-width:16ch}.inner-hero .section-copy{font-size:13px}.brand-filter-v8-title{padding:10px 12px}.brand-filter-v8-btn{min-width:108px;min-height:46px;padding:9px 10px;font-size:8px}.brand-detail-list .detail-card{padding:18px;gap:14px}.brand-detail-list .detail-logo{width:52px;height:52px}.brand-detail-list .detail-name{font-size:28px}.brand-detail-list .detail-description{font-size:12px}.brand-detail-list .detail-meta{grid-template-columns:1fr 1fr!important}.meta-item strong{font-size:10px}.brand-detail-list .text-link{font-size:8px}
}

<style id="v10-compact-final-fix">
.spotlight-track{overflow:hidden}
.eco-v9-tab:nth-child(3) .eco-v9-tab-copy strong{font-size:clamp(11px,.9vw,13px)!important;letter-spacing:-.02em}
.brand-detail-list .detail-card{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
.brand-detail-list .detail-meta{grid-column:auto!important}
@media(min-width:821px) and (max-width:1050px){
  .brand-detail-list .detail-card{min-height:285px!important}
  .brand-detail-list .detail-brand{align-items:center!important}
}



/* ============================================================
   V11 — DIRECTION MULTIVERSX-INSPIRED
   Dark infrastructure, thin borders, luminous network motion.
   Homepage intentionally describes the GROUP, not the brand catalog.
   ============================================================ */
:root{
  --mx-bg:#050506;
  --mx-bg-2:#09090c;
  --mx-panel:#0d0d12;
  --mx-panel-2:#121219;
  --mx-text:#f6f5f8;
  --mx-muted:#9897a3;
  --mx-line:rgba(255,255,255,.11);
  --mx-line-soft:rgba(255,255,255,.065);
  --mx-purple:#7657ff;
  --mx-violet:#b651ff;
  --mx-blue:#38b6ff;
  --mx-green:#65f3c0;
  --mx-radius:18px;
  --mx-max:1240px;
  --mx-ease:cubic-bezier(.22,1,.36,1);
}

/* Global chrome refinement */
body{background:var(--mx-bg);}
.site-header{padding:14px 18px;background:transparent;border:0;transition:padding .3s ease,background .3s ease;}
.site-header.scrolled{padding-top:9px;background:rgba(5,5,6,.72);backdrop-filter:blur(18px);}
.nav-shell{max-width:var(--mx-max);min-height:58px;margin:auto;padding:7px 9px 7px 14px;border:1px solid var(--mx-line);border-radius:15px;background:rgba(11,11,15,.78);box-shadow:0 18px 70px rgba(0,0,0,.32);}
.brandmark-symbol{background:linear-gradient(145deg,var(--mx-purple),var(--mx-blue));color:#fff;border-radius:10px;box-shadow:0 0 26px rgba(118,87,255,.35);}
.brandmark>span:last-child{font-size:12px;letter-spacing:.03em;}
.brandmark small{color:#777681;font-size:7px;letter-spacing:.2em;}
.main-nav{gap:2px;}
.nav-link{font-size:11px;padding:10px 11px;border-radius:9px;color:#aaa9b2;}
.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.065);}
.nav-cta{border-radius:10px;background:#f2f1f5;color:#08080b;border:0;font-size:10px;padding:11px 14px;}
.language-switch{height:34px;border-color:var(--mx-line);background:rgba(255,255,255,.035);}
.lang-button{font-size:9px;}
.cursor-dot{background:var(--mx-purple)}
.cursor-ring{border-color:rgba(118,87,255,.72)}
.cursor-ring.active{background:rgba(118,87,255,.13)}

.mvx-shell{width:min(calc(100% - 48px),var(--mx-max));margin-inline:auto;}
.mvx-kicker{display:inline-flex;gap:7px;align-items:center;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.18em;color:#73727c;font-weight:700;}
.mvx-kicker i{font-style:normal;color:#c8c7ce;}
.mvx-section-head{max-width:900px;margin-bottom:48px;}
.mvx-section-head h2,.mvx-proof-head h2{font-size:clamp(38px,4.6vw,66px);line-height:1.02;letter-spacing:-.052em;font-weight:560;text-wrap:balance;margin:20px 0 18px;}
.mvx-section-head p{max-width:650px;color:var(--mx-muted);font-size:16px;line-height:1.65;margin:0;}

/* HERO */
.mvx-hero{position:relative;min-height:930px;overflow:hidden;background:
  radial-gradient(circle at 50% 40%,rgba(106,66,255,.13),transparent 26%),
  linear-gradient(180deg,#050506 0%,#07070a 68%,#050506 100%);border-bottom:1px solid var(--mx-line-soft);}
.mvx-grid,.mvx-flow-grid{position:absolute;inset:0;background-image:linear-gradient(var(--mx-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--mx-line-soft) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);opacity:.42;}
.mvx-hero-inner{position:relative;z-index:2;padding-top:170px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.mvx-status{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--mx-line);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 13px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b7b6bf;backdrop-filter:blur(12px);}
.mvx-status-dot{width:6px;height:6px;border-radius:50%;background:var(--mx-green);box-shadow:0 0 14px rgba(101,243,192,.95);flex:0 0 auto;}
.mvx-hero-copy{position:relative;z-index:3;max-width:1040px;margin-top:30px;}
.mvx-hero h1{font-size:clamp(54px,7vw,96px);line-height:.96;letter-spacing:-.064em;font-weight:560;margin:0;text-wrap:balance;background:linear-gradient(180deg,#fff 12%,#ceccd6 83%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.mvx-hero-copy>p{max-width:690px;margin:27px auto 0;color:#a5a4ae;font-size:clamp(15px,1.35vw,18px);line-height:1.65;text-wrap:balance;}
.mvx-hero-actions{display:flex;justify-content:center;gap:10px;margin-top:32px;}
.mvx-btn{appearance:none;border:0;min-height:47px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:11px;font-weight:720;letter-spacing:.01em;cursor:pointer;transition:transform .25s var(--mx-ease),border-color .25s,background .25s;}
.mvx-btn:hover{transform:translateY(-2px)}
.mvx-btn-primary{background:#f4f3f7;color:#08080b;box-shadow:0 10px 40px rgba(255,255,255,.09);}
.mvx-btn-ghost{background:rgba(255,255,255,.035);color:#f4f3f7;border:1px solid var(--mx-line);}
.mvx-btn-ghost:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18)}
.mvx-btn-light{background:#fff;color:#0b0910;}

.mvx-orb-wrap{position:absolute;z-index:1;left:50%;top:350px;width:min(68vw,870px);aspect-ratio:1;transform:translateX(-50%);pointer-events:none;filter:saturate(1.08);}
.mvx-orb-glow{position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,rgba(139,85,255,.48) 0%,rgba(49,130,255,.18) 34%,transparent 70%);filter:blur(38px);animation:mxPulse 6s ease-in-out infinite;}
.mvx-orb{position:absolute;inset:13%;border-radius:50%;transform-style:preserve-3d;background:
  radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 11%),
  radial-gradient(circle at 55% 58%,rgba(122,75,255,.4),transparent 46%),
  radial-gradient(circle at 50% 55%,#10101a 0%,#07070b 68%);
  border:1px solid rgba(174,149,255,.25);box-shadow:inset 0 0 80px rgba(118,87,255,.18),0 0 90px rgba(73,68,255,.18);animation:mxFloat 7s ease-in-out infinite;}
.mvx-orb::before,.mvx-orb::after{content:"";position:absolute;inset:0;border-radius:50%;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000 0 55%,transparent 74%);opacity:.38;transform:rotate(18deg);}
.mvx-orb::after{transform:rotate(-27deg) scale(.76);opacity:.25;}
.mvx-orb-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#a466ff,#4d83ff);box-shadow:0 0 50px rgba(118,87,255,.55);font-weight:800;font-size:29px;color:#fff;}
.mvx-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.17);border-radius:50%;transform:translate(-50%,-50%) rotateX(69deg);}
.mvx-orbit-a{width:84%;height:84%;animation:mxSpin 13s linear infinite}.mvx-orbit-b{width:67%;height:67%;transform:translate(-50%,-50%) rotateY(66deg) rotateZ(30deg);animation:mxSpinAlt 15s linear infinite}.mvx-orbit-c{width:48%;height:48%;transform:translate(-50%,-50%) rotateX(52deg) rotateZ(-35deg);animation:mxSpin 9s linear infinite reverse}
.mvx-satellite{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff,0 0 30px var(--mx-purple);}.sat-a{left:13%;top:41%}.sat-b{right:20%;top:17%;background:#56d3ff}.sat-c{right:9%;bottom:34%;background:#c878ff}
.mvx-hero-metrics{position:absolute;z-index:4;top:720px;left:50%;transform:translateX(-50%);width:min(calc(100vw - 48px),900px);display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--mx-line);border-radius:15px;background:rgba(9,9,13,.74);backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.35);}
.mvx-hero-metrics article{padding:22px 26px;text-align:left;display:flex;align-items:baseline;gap:10px;min-width:0;}
.mvx-hero-metrics article+article{border-left:1px solid var(--mx-line)}
.mvx-hero-metrics strong{font-size:26px;letter-spacing:-.04em;font-weight:620;white-space:nowrap}.mvx-hero-metrics span{font-size:10px;color:#8e8d97;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;}
.mvx-scroll-cue{position:absolute;z-index:3;bottom:25px;left:50%;width:1px;height:50px;background:rgba(255,255,255,.15);overflow:hidden}.mvx-scroll-cue span{display:block;width:1px;height:18px;background:#fff;animation:mxScroll 2s ease-in-out infinite}

/* LOGO RAIL */
.mvx-logo-rail{display:grid;grid-template-columns:minmax(170px,1fr) 5fr;align-items:stretch;border-bottom:1px solid var(--mx-line-soft);background:#070709;overflow:hidden;}
.mvx-logo-rail-label{border-right:1px solid var(--mx-line-soft);display:flex;align-items:center;padding:0 28px;color:#66656f;text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:750;white-space:nowrap;}
.mvx-logo-track{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.mvx-logo-set{display:flex;flex:none;min-width:100%;align-items:center;justify-content:space-around;animation:mxRail 26s linear infinite;}
.mvx-logo-set span{height:86px;min-width:175px;padding:0 25px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--mx-line-soft);filter:grayscale(1);opacity:.58;transition:filter .25s,opacity .25s;}
.mvx-logo-set span:hover{filter:grayscale(0);opacity:1}.mvx-logo-set img{width:34px;height:34px;object-fit:contain;border-radius:7px}.mvx-logo-set b{font-size:10px;letter-spacing:.1em;color:#d6d5db;white-space:nowrap}.mvx-logo-spidwin img{background:#fff;padding:4px;}

/* SYSTEM / CAPABILITIES */
.mvx-platform{padding:124px 0;background:var(--mx-bg);border-bottom:1px solid var(--mx-line-soft);}
.mvx-capability-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:12px;}
.mvx-capability{position:relative;min-height:390px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--mx-line);border-radius:var(--mx-radius);background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.012));transition:transform .35s var(--mx-ease),border-color .35s,background .35s;}
.mvx-capability:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.19);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));}
.mvx-capability::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;bottom:-130px;background:radial-gradient(circle,rgba(118,87,255,.2),transparent 68%);pointer-events:none;}
.mvx-capability:nth-child(2)::after{background:radial-gradient(circle,rgba(56,182,255,.19),transparent 68%)}.mvx-capability:nth-child(3)::after{background:radial-gradient(circle,rgba(182,81,255,.2),transparent 68%)}
.mvx-capability-top{display:flex;align-items:center;justify-content:space-between;color:#65646e;font-size:10px;letter-spacing:.12em;}.mvx-capability-icon{font-style:normal;width:31px;height:31px;border-radius:9px;border:1px solid var(--mx-line);display:grid;place-items:center;color:#dad9df;background:rgba(255,255,255,.035);}
.mvx-capability h3{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.04em;font-weight:560;margin:0 0 12px}.mvx-capability p{font-size:13px;line-height:1.65;color:var(--mx-muted);max-width:410px;margin:0;}
.mvx-signal{position:absolute;inset:auto 23px 23px 52%;height:115px;display:flex;align-items:flex-end;gap:7px;opacity:.72}.mvx-signal i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--mx-violet),var(--mx-purple));animation:mxSignal 2.3s ease-in-out infinite alternate}.mvx-signal i:nth-child(1){height:24%}.mvx-signal i:nth-child(2){height:48%;animation-delay:.1s}.mvx-signal i:nth-child(3){height:34%;animation-delay:.25s}.mvx-signal i:nth-child(4){height:77%;animation-delay:.4s}.mvx-signal i:nth-child(5){height:52%;animation-delay:.55s}.mvx-signal i:nth-child(6){height:92%;animation-delay:.7s}.mvx-signal i:nth-child(7){height:70%;animation-delay:.85s}.mvx-signal i:nth-child(8){height:100%;animation-delay:1s}
.mvx-mini-stat{display:flex;flex-direction:column;gap:2px}.mvx-mini-stat strong{font-size:38px;letter-spacing:-.05em;font-weight:560;color:#65cfff}.mvx-mini-stat span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#65646e}
.mvx-mini-orbit{position:relative;width:105px;height:105px;border:1px solid rgba(188,112,255,.35);border-radius:50%;}.mvx-mini-orbit::before,.mvx-mini-orbit::after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.mvx-mini-orbit::after{inset:35px;background:linear-gradient(145deg,var(--mx-violet),var(--mx-purple));border:0;box-shadow:0 0 30px rgba(182,81,255,.38)}.mvx-mini-orbit span{position:absolute;left:9px;top:45px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:mxMiniOrbit 5s linear infinite;transform-origin:43px 7px}.mvx-mini-orbit i{position:absolute;inset:-12px;border:1px dashed rgba(255,255,255,.09);border-radius:50%}

/* FLOW */
.mvx-flow-section{padding:124px 0;background:#08080b;border-bottom:1px solid var(--mx-line-soft);}
.mvx-flow-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;}
.mvx-flow-copy h2{font-size:clamp(39px,4.7vw,68px);line-height:1.01;letter-spacing:-.055em;font-weight:560;margin:20px 0 18px;text-wrap:balance}.mvx-flow-copy>p{color:var(--mx-muted);font-size:15px;line-height:1.67;max-width:500px;}
.mvx-flow-tabs{margin-top:38px;border-top:1px solid var(--mx-line);}.mvx-flow-tab{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--mx-line);background:transparent;color:#6f6e78;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;padding:0 2px;cursor:pointer;transition:color .25s,padding .3s var(--mx-ease)}.mvx-flow-tab::after{content:"→";opacity:0;transform:translateX(-8px);transition:.25s}.mvx-flow-tab span{font-size:9px;letter-spacing:.1em}.mvx-flow-tab b{font-size:12px;font-weight:610;letter-spacing:.03em}.mvx-flow-tab:hover,.mvx-flow-tab.active{color:#fff;padding-left:10px}.mvx-flow-tab.active::after{opacity:1;transform:none;color:var(--mx-purple)}
.mvx-flow-visual{position:relative;min-height:650px;overflow:hidden;border:1px solid var(--mx-line);border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(104,67,255,.1),transparent 35%),#0b0b10;isolation:isolate;}
.mvx-flow-grid{opacity:.32;mask-image:radial-gradient(circle,#000 0 48%,transparent 86%);background-size:50px 50px;}
.mvx-flow-core{position:absolute;z-index:4;left:50%;top:43%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#151521,#09090d);border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 18px rgba(118,87,255,.035),0 0 80px rgba(118,87,255,.19);}.mvx-flow-core span{font-size:29px;letter-spacing:-.05em;font-weight:800}.mvx-flow-core small{font-size:7px;letter-spacing:.25em;color:#888793;margin-left:.25em}
.mvx-flow-line{position:absolute;z-index:1;left:50%;top:43%;width:65%;height:1px;background:linear-gradient(90deg,transparent,rgba(142,102,255,.7),transparent);transform:translate(-50%,-50%) rotate(32deg);box-shadow:0 0 13px rgba(118,87,255,.28)}.mvx-flow-line.line-two{transform:translate(-50%,-50%) rotate(-32deg)}
.mvx-flow-node{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;color:#62616b;font-size:8px;letter-spacing:.13em;transition:color .35s,transform .35s var(--mx-ease)}.mvx-flow-node i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#111119;box-shadow:0 0 0 6px rgba(255,255,255,.02);transition:.35s}.node-reach{left:11%;top:21%}.node-engage{right:9%;top:20%}.node-convert{left:9%;top:64%}.node-retain{right:8%;top:65%}
.mvx-flow-visual[data-active-step="reach"] .node-reach,.mvx-flow-visual[data-active-step="engage"] .node-engage,.mvx-flow-visual[data-active-step="convert"] .node-convert,.mvx-flow-visual[data-active-step="retain"] .node-retain{color:#fff;transform:scale(1.08)}
.mvx-flow-visual[data-active-step="reach"] .node-reach i,.mvx-flow-visual[data-active-step="engage"] .node-engage i,.mvx-flow-visual[data-active-step="convert"] .node-convert i,.mvx-flow-visual[data-active-step="retain"] .node-retain i{background:linear-gradient(145deg,var(--mx-violet),var(--mx-blue));border-color:transparent;box-shadow:0 0 25px rgba(118,87,255,.75),0 0 0 7px rgba(118,87,255,.09)}
.mvx-flow-detail{position:absolute;z-index:4;left:28px;right:28px;bottom:25px;padding-top:19px;border-top:1px solid var(--mx-line);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s,transform .35s}.mvx-flow-detail.active{opacity:1;transform:none}.mvx-flow-detail>span{font-size:8px;color:#66656f;letter-spacing:.13em}.mvx-flow-detail h3{font-size:21px;letter-spacing:-.035em;font-weight:570;margin:8px 0 7px}.mvx-flow-detail p{color:var(--mx-muted);font-size:12px;line-height:1.55;max-width:520px;margin:0;}

/* PROOF */
.mvx-proof{padding:124px 0;background:var(--mx-bg);}
.mvx-proof-head{display:grid;grid-template-columns:.45fr 1fr;gap:60px;align-items:start;margin-bottom:58px}.mvx-proof-head h2{margin:0;max-width:770px}.mvx-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);}.mvx-proof-grid article{min-height:210px;padding:27px 23px;display:flex;flex-direction:column;justify-content:space-between;}.mvx-proof-grid article+article{border-left:1px solid var(--mx-line)}.mvx-proof-grid strong{font-size:clamp(39px,4.2vw,58px);letter-spacing:-.055em;font-weight:550;background:linear-gradient(180deg,#fff,#9d9ba7);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.mvx-proof-grid span{font-size:10px;color:#85848f;text-transform:uppercase;letter-spacing:.1em;line-height:1.5;max-width:150px}.mvx-proof-note{margin-top:20px;padding:17px 0;display:flex;align-items:flex-start;gap:12px;color:#8b8a94}.mvx-proof-note .mvx-status-dot{margin-top:6px}.mvx-proof-note p{font-size:12px;line-height:1.65;max-width:720px;margin:0}

/* FUTURE */
.mvx-future{padding:0 0 110px;background:var(--mx-bg);}
.mvx-future-card{position:relative;min-height:570px;overflow:hidden;border:1px solid rgba(172,140,255,.22);border-radius:24px;background:
  radial-gradient(circle at 80% 50%,rgba(86,65,255,.29),transparent 30%),
  linear-gradient(120deg,#171022 0%,#0d0c14 55%,#0b0b10 100%);padding:62px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;}
.mvx-future-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.4}.mvx-future-copy,.mvx-future-list{position:relative;z-index:2}.mvx-future-copy h2{font-size:clamp(41px,5.2vw,72px);line-height:.98;letter-spacing:-.058em;font-weight:560;max-width:760px;margin:21px 0 18px;text-wrap:balance}.mvx-future-copy>p{max-width:580px;color:#a8a5b2;font-size:15px;line-height:1.65}.mvx-future-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.mvx-text-link{appearance:none;border:0;background:transparent;color:#d2d0d8;padding:10px 0;display:flex;gap:14px;align-items:center;font-size:11px;cursor:pointer}.mvx-text-link i{font-style:normal;color:#a07cff;transition:transform .25s}.mvx-text-link:hover i{transform:translateX(4px)}.mvx-future-list{border-top:1px solid rgba(255,255,255,.15)}.mvx-future-list div{min-height:70px;border-bottom:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px}.mvx-future-list span{font-size:8px;color:#777482}.mvx-future-list b{font-size:11px;font-weight:560;letter-spacing:.02em}.mvx-future-orb{position:absolute;right:-90px;top:-100px;width:430px;height:430px;border:1px solid rgba(172,140,255,.25);border-radius:50%;animation:mxFloat 8s ease-in-out infinite}.mvx-future-orb::before,.mvx-future-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.mvx-future-orb::before{inset:60px}.mvx-future-orb::after{inset:126px;background:radial-gradient(circle,#a45fff,#5737ea 45%,#11111b 70%);box-shadow:0 0 90px rgba(114,65,255,.45)}.mvx-future-orb span{position:absolute;left:35px;top:195px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff;animation:mxMiniOrbit 8s linear infinite;transform-origin:180px 20px}.mvx-future-orb i{position:absolute;inset:-25px;border:1px dashed rgba(255,255,255,.09);border-radius:50%}

@keyframes mxFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes mxPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes mxSpin{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(360deg)}}
@keyframes mxSpinAlt{to{transform:translate(-50%,-50%) rotateY(66deg) rotateZ(390deg)}}
@keyframes mxScroll{0%{transform:translateY(-20px);opacity:0}35%{opacity:1}100%{transform:translateY(55px);opacity:0}}
@keyframes mxRail{to{transform:translateX(-100%)}}
@keyframes mxSignal{to{filter:brightness(1.35);transform:scaleY(.78);transform-origin:bottom}}
@keyframes mxMiniOrbit{to{transform:rotate(360deg)}}

@media(max-width:1100px){
  .main-nav{display:none}.nav-cta{display:none}.menu-button{display:flex}
  .mvx-capability-grid{grid-template-columns:1fr 1fr}.mvx-capability-wide{grid-column:1/-1}.mvx-capability-wide{min-height:330px}.mvx-signal{left:58%}
  .mvx-flow-layout{gap:38px;grid-template-columns:.82fr 1.18fr}.mvx-flow-visual{min-height:590px}
  .mvx-proof-head{grid-template-columns:1fr;gap:20px}.mvx-proof-grid{grid-template-columns:repeat(2,1fr)}.mvx-proof-grid article:nth-child(3){border-left:0;border-top:1px solid var(--mx-line)}.mvx-proof-grid article:nth-child(4){border-top:1px solid var(--mx-line)}
}
@media(max-width:800px){
  .site-header{padding:10px}.nav-shell{min-height:54px}.language-switch{display:flex}
  .mvx-shell{width:min(calc(100% - 30px),var(--mx-max))}
  .mvx-hero{min-height:820px}.mvx-hero-inner{padding-top:145px}.mvx-hero h1{font-size:clamp(47px,11vw,70px)}.mvx-hero-copy>p{max-width:520px;font-size:15px}.mvx-orb-wrap{top:370px;width:760px}.mvx-hero-metrics{top:650px;width:calc(100% - 30px)}.mvx-hero-metrics article{padding:18px 16px;display:block}.mvx-hero-metrics strong{display:block;font-size:22px}.mvx-hero-metrics span{font-size:8px}
  .mvx-logo-rail{grid-template-columns:1fr}.mvx-logo-rail-label{display:none}.mvx-logo-set span{height:72px;min-width:150px}
  .mvx-platform,.mvx-flow-section,.mvx-proof{padding:88px 0}.mvx-section-head{margin-bottom:35px}.mvx-section-head h2,.mvx-proof-head h2,.mvx-flow-copy h2{font-size:clamp(37px,8vw,54px)}
  .mvx-flow-layout{grid-template-columns:1fr}.mvx-flow-copy{max-width:650px}.mvx-flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--mx-line);border-radius:12px;overflow:hidden}.mvx-flow-tab{min-height:54px;border:0;padding:0 10px!important;display:flex;justify-content:center;gap:6px}.mvx-flow-tab+ .mvx-flow-tab{border-left:1px solid var(--mx-line)}.mvx-flow-tab::after,.mvx-flow-tab span{display:none}.mvx-flow-tab b{font-size:9px;white-space:nowrap}.mvx-flow-visual{min-height:560px}
  .mvx-future{padding-bottom:70px}.mvx-future-card{grid-template-columns:1fr;min-height:650px;padding:42px;gap:42px}.mvx-future-copy h2{font-size:clamp(40px,8.5vw,58px)}.mvx-future-orb{right:-180px;top:-130px;opacity:.8}
}
@media(max-width:580px){
  .brandmark>span:last-child{display:none}.nav-actions{gap:7px}.language-switch{height:31px}.menu-button{width:38px;height:38px}
  .mvx-hero{min-height:790px}.mvx-hero-inner{padding-top:125px}.mvx-status{font-size:8px;padding:8px 10px}.mvx-hero h1{font-size:clamp(42px,12.8vw,60px);line-height:.98}.mvx-hero-copy>p{font-size:14px;line-height:1.58;margin-top:20px}.mvx-hero-actions{margin-top:25px;flex-direction:column;align-items:stretch;width:min(100%,290px);margin-inline:auto}.mvx-btn{min-height:45px}.mvx-orb-wrap{top:355px;width:650px}.mvx-orb-core{width:58px;height:58px;border-radius:15px;font-size:23px}.mvx-hero-metrics{top:635px}.mvx-hero-metrics article{padding:15px 10px}.mvx-hero-metrics strong{font-size:19px}.mvx-hero-metrics span{font-size:6.7px;letter-spacing:.05em}.mvx-scroll-cue{display:none}
  .mvx-logo-set span{min-width:137px;padding:0 15px}.mvx-logo-set b{font-size:8px}.mvx-logo-set img{width:30px;height:30px}
  .mvx-platform,.mvx-flow-section,.mvx-proof{padding:72px 0}.mvx-section-head h2,.mvx-proof-head h2,.mvx-flow-copy h2{font-size:clamp(34px,10vw,46px)}.mvx-section-head p,.mvx-flow-copy>p{font-size:14px}.mvx-capability-grid{grid-template-columns:1fr}.mvx-capability-wide{grid-column:auto}.mvx-capability{min-height:300px;padding:21px}.mvx-capability h3{font-size:27px}.mvx-signal{left:45%;height:90px}
  .mvx-flow-tabs{grid-template-columns:repeat(2,1fr)}.mvx-flow-tab:nth-child(3),.mvx-flow-tab:nth-child(4){border-top:1px solid var(--mx-line)}.mvx-flow-tab:nth-child(3){border-left:0}.mvx-flow-visual{min-height:510px}.mvx-flow-core{width:92px;height:92px;border-radius:24px}.mvx-flow-core span{font-size:23px}.mvx-flow-node{font-size:6px;gap:5px}.mvx-flow-node i{width:15px;height:15px}.node-reach{left:7%;top:19%}.node-engage{right:5%;top:19%}.node-convert{left:5%;top:60%}.node-retain{right:4%;top:60%}.mvx-flow-detail{left:20px;right:20px;bottom:20px}.mvx-flow-detail h3{font-size:18px}.mvx-flow-detail p{font-size:11px}
  .mvx-proof-grid{grid-template-columns:1fr}.mvx-proof-grid article{min-height:145px;padding:22px 4px}.mvx-proof-grid article+article,.mvx-proof-grid article:nth-child(3){border-left:0;border-top:1px solid var(--mx-line)}.mvx-proof-grid strong{font-size:47px}.mvx-proof-grid span{max-width:230px}
  .mvx-future-card{min-height:650px;padding:30px 23px;border-radius:18px}.mvx-future-copy h2{font-size:clamp(36px,10.5vw,48px)}.mvx-future-copy>p{font-size:14px}.mvx-future-actions{align-items:flex-start;flex-direction:column;gap:8px}.mvx-future-list div{min-height:62px}.mvx-future-orb{width:330px;height:330px;right:-180px;top:-105px}
}
.mvx-hero-metrics.reveal,.mvx-hero-metrics.reveal.visible{transform:translateX(-50%);opacity:1}
.mvx-capability-wide>div:nth-child(2){max-width:48%}
@media(max-width:580px){.mvx-capability-wide>div:nth-child(2){max-width:72%}}
@media(prefers-reduced-motion:reduce){.mvx-orb,.mvx-orb-glow,.mvx-orbit,.mvx-logo-set,.mvx-signal i,.mvx-mini-orbit span,.mvx-future-orb,.mvx-future-orb span,.mvx-scroll-cue span{animation:none!important}}



/* V12 — Dedicated premium portfolio for the Brands page. */
.brands-v12-shell{width:min(calc(100% - 48px),1240px);margin-inline:auto}
.brands-v12-hero{position:relative;min-height:720px;padding:155px 0 86px;overflow:hidden;border-bottom:1px solid var(--mx-line-soft);background:#050506;isolation:isolate}
.brands-v12-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.86) 70%,transparent 100%);opacity:.5}
.brands-v12-glow{position:absolute;z-index:-2;width:720px;height:720px;right:-170px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(111,76,255,.22),rgba(44,145,255,.09) 38%,transparent 70%);filter:blur(20px)}
.brands-v12-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:72px;align-items:center}
.brands-v12-hero-copy{max-width:690px}
.brands-v12-kicker{display:flex;align-items:center;gap:12px;color:#84838d;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:750}
.brands-v12-kicker span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#b9a8ff;font-size:8px}
.brands-v12-kicker b{font-weight:750}
.brands-v12-hero h1{max-width:760px;margin:26px 0 22px;font-size:clamp(36px,5.2vw,68px);line-height:.98;white-space:nowrap;letter-spacing:-.064em;font-weight:570;text-wrap:balance}
.brands-v12-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(95deg,#fff 10%,#a98aff 50%,#4ec7ff 92%);-webkit-background-clip:text;background-clip:text}
.brands-v12-hero-copy>p{max-width:590px;margin:0;color:#9a99a4;font-size:15px;line-height:1.68;text-wrap:pretty}
.brands-v12-hero-metrics{display:flex;align-items:center;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.11);max-width:560px}
.brands-v12-hero-metrics div{min-width:132px;padding:19px 28px 0 0;display:flex;align-items:baseline;gap:8px}
.brands-v12-hero-metrics strong{font-size:27px;font-weight:570;letter-spacing:-.045em}
.brands-v12-hero-metrics span{color:#777680;font-size:8px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.brands-v12-constellation{position:relative;width:min(100%,520px);aspect-ratio:1;margin-left:auto}
.brands-v12-constellation::before{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle,rgba(117,78,255,.2),transparent 68%);filter:blur(22px)}
.brands-v12-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:translate(-50%,-50%)}
.brands-v12-ring-a{width:78%;height:78%;animation:brandsV12Spin 28s linear infinite}
.brands-v12-ring-b{width:56%;height:56%;border-style:dashed;animation:brandsV12Spin 20s linear infinite reverse}
.brands-v12-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:104px;height:104px;border:1px solid rgba(255,255,255,.18);border-radius:27px;display:grid;place-items:center;background:linear-gradient(145deg,#9164ff,#397cff);box-shadow:0 0 70px rgba(105,75,255,.32);transform:rotate(-7deg)}
.brands-v12-core span{font-size:38px;font-weight:800;line-height:1;transform:rotate(7deg)}
.brands-v12-core small{position:absolute;bottom:16px;font-size:6px;letter-spacing:.2em;transform:rotate(7deg)}
.brands-v12-node{position:absolute;width:72px;height:72px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(14,14,20,.88);backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.35);animation:brandsV12Float 6s ease-in-out infinite}
.brands-v12-node-img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff;padding:5px}
.brands-v12-constellation .node-spidkey{left:5%;top:27%;animation-delay:-1s}.brands-v12-constellation .node-archis{right:7%;top:18%;animation-delay:-2.4s}.brands-v12-constellation .node-archistv{right:1%;bottom:24%;animation-delay:-4.2s}.brands-v12-constellation .node-dealhub{left:14%;bottom:5%;animation-delay:-3.2s}.brands-v12-constellation .node-spideal{left:43%;top:0;animation-delay:-5s}.brands-v12-constellation .node-spidwin{left:44%;bottom:0;animation-delay:-1.8s}
.node-spidwin .brands-v12-node-img{padding:8px}

.brands-v12-portfolio{padding:105px 0 90px;background:linear-gradient(180deg,#07070a 0%,#050506 100%)}
.brands-v12-heading{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:end;margin-bottom:42px}
.brands-v12-kicker-text{color:#777680;font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:750}
.brands-v12-heading h2{max-width:760px;margin:16px 0 0;font-size:clamp(37px,4.5vw,61px);line-height:1.02;letter-spacing:-.052em;font-weight:560;text-wrap:balance}
.brands-v12-heading>p{margin:0;color:#8e8d97;font-size:14px;line-height:1.65}
.brands-v12-filter{position:sticky;top:88px;z-index:20;display:grid;grid-template-columns:184px 1fr;min-height:64px;margin-bottom:20px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,10,14,.78);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.28);overflow:hidden}
.brands-v12-filter-count{display:flex;align-items:center;gap:10px;padding:0 17px;border-right:1px solid rgba(255,255,255,.1)}
.brands-v12-filter-count>span{font-size:20px;font-weight:590;letter-spacing:-.04em;color:#c8b7ff}
.brands-v12-filter-count small{color:#73727c;font-size:7px;text-transform:uppercase;letter-spacing:.11em;line-height:1.35}
.brands-v12-filter-buttons{display:grid;grid-template-columns:repeat(4,1fr)}
.brands-v12-filter-btn{appearance:none;position:relative;min-width:0;border:0;border-right:1px solid rgba(255,255,255,.09);background:transparent;color:#85848e;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:720;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color .25s,background .25s}
.brands-v12-filter-btn:last-child{border-right:0}.brands-v12-filter-btn i{width:5px;height:5px;border-radius:50%;background:#4c4b53;transition:background .25s,box-shadow .25s}.brands-v12-filter-btn b{font-size:7px;opacity:.5;font-weight:700}
.brands-v12-filter-btn:hover{color:#d5d4da;background:rgba(255,255,255,.035)}
.brands-v12-filter-btn.active{color:#fff;background:rgba(255,255,255,.055)}
.brands-v12-filter-btn.active i{background:#9e7aff;box-shadow:0 0 14px rgba(158,122,255,.8)}

.brands-v12-grid-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:14px}
.brands-v12-card{--brand-a:#7b5cff;--brand-b:#38b6ff;position:relative;grid-column:span 4;min-height:390px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.012));overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;isolation:isolate;transition:transform .42s var(--mx-ease),border-color .3s,box-shadow .3s}
.brands-v12-card::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at var(--mouse-x,75%) var(--mouse-y,10%),color-mix(in srgb,var(--brand-a) 18%,transparent),transparent 35%);opacity:.9;transition:opacity .3s}
.brands-v12-card::after{content:"";position:absolute;z-index:-1;right:-90px;top:-100px;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--brand-a) 32%,transparent);border-radius:50%;box-shadow:inset 0 0 80px color-mix(in srgb,var(--brand-b) 10%,transparent);transition:transform .55s var(--mx-ease)}
.brands-v12-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand-a) 45%,rgba(255,255,255,.13));box-shadow:0 24px 70px rgba(0,0,0,.33)}
.brands-v12-card:hover::after{transform:translate(-18px,20px) scale(1.08)}
.brands-v12-card.is-filtered-out{display:none!important}
.brands-v12-card-wide{grid-column:span 7;min-height:425px}.brands-v12-card-tall{grid-column:span 5;grid-row:span 1;min-height:425px}.brands-v12-card-third{grid-column:span 4;min-height:382px}
.brands-v12-card.brand-spidkey{--brand-a:#176dff;--brand-b:#3cc7ff}.brands-v12-card.brand-archis{--brand-a:#e4c478;--brand-b:#fff1b8}.brands-v12-card.brand-archistv{--brand-a:#27b6f3;--brand-b:#1771ff}.brands-v12-card.brand-dealhub{--brand-a:#ff3d68;--brand-b:#ff6652}.brands-v12-card.brand-spideal{--brand-a:#9d3b64;--brand-b:#ff526d}.brands-v12-card.brand-spidwin{--brand-a:#ffbd16;--brand-b:#ff6818}
.brands-v12-card-light{position:absolute;z-index:-1;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-a),transparent);opacity:.58}
.brands-v12-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#777680;font-size:7px;text-transform:uppercase;letter-spacing:.15em}
.brands-v12-card-head span{color:color-mix(in srgb,var(--brand-a) 80%,#fff);font-size:8px}.brands-v12-card-head b{font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brands-v12-card-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:132px}
.brands-v12-logo-frame{position:relative;width:106px;height:106px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.25);transform:rotate(-3deg);transition:transform .45s var(--mx-ease),box-shadow .45s}
.brands-v12-card:hover .brands-v12-logo-frame{transform:translateY(-5px) rotate(0);box-shadow:0 24px 70px color-mix(in srgb,var(--brand-a) 18%,rgba(0,0,0,.35))}
.brands-v12-logo-frame img{width:100%;height:100%;object-fit:contain;border-radius:13px}.brands-v12-logo-frame-spidwin{padding:15px}
.brands-v12-visual-code{position:absolute;right:0;bottom:0;color:#55545d;font-size:7px;letter-spacing:.16em;writing-mode:vertical-rl}
.brands-v12-card-copy{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.09);padding-top:17px}
.brands-v12-card-copy h3{margin:0 0 7px;font-size:clamp(27px,2.7vw,40px);line-height:1;letter-spacing:-.045em;font-weight:590;white-space:nowrap}
.brands-v12-card-copy p{max-width:360px;margin:0;color:#96959f;font-size:12px;line-height:1.55}
.brands-v12-data{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px}
.brands-v12-data span{border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:7px 9px;color:#aaa9b2;font-size:7px;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;background:rgba(255,255,255,.025)}
.brands-v12-card-link,.brands-v12-secondary-link{appearance:none;width:100%;min-height:42px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#e6e5e9;padding:11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:720;cursor:pointer;transition:color .25s}
.brands-v12-card-link i,.brands-v12-secondary-link i{font-style:normal;font-size:15px;color:var(--brand-a);transition:transform .25s}.brands-v12-card-link:hover i,.brands-v12-secondary-link:hover i{transform:translate(3px,-3px)}
.brands-v12-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brands-v12-secondary-link{color:#aaa9b2}
.brands-v12-footer-line{margin-top:36px;padding:27px 0 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#797882;font-size:11px}
.brands-v12-footer-line button{appearance:none;border:0;background:transparent;color:#dedde2;display:flex;align-items:center;gap:16px;font-size:10px;cursor:pointer}.brands-v12-footer-line button i{font-style:normal;color:#9876ff;transition:transform .25s}.brands-v12-footer-line button:hover i{transform:translateX(4px)}

@keyframes brandsV12Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes brandsV12Float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:1020px){
  .brands-v12-hero-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:35px}.brands-v12-constellation{width:420px}.brands-v12-node{width:62px;height:62px}.brands-v12-core{width:90px;height:90px}
  .brands-v12-heading{grid-template-columns:1fr 270px;gap:35px}.brands-v12-card-wide,.brands-v12-card-tall{grid-column:span 6}.brands-v12-card-third{grid-column:span 6}
}
@media(max-width:760px){
  .brands-v12-shell{width:min(calc(100% - 30px),1240px)}.brands-v12-hero{min-height:auto;padding:128px 0 70px}.brands-v12-hero-layout{grid-template-columns:1fr}.brands-v12-hero-copy{max-width:620px}.brands-v12-hero h1{font-size:clamp(31px,7vw,53px)}.brands-v12-constellation{width:min(100%,440px);margin:15px auto 0}.brands-v12-hero-metrics{max-width:none}.brands-v12-hero-metrics div{min-width:0;flex:1}
  .brands-v12-portfolio{padding:78px 0 70px}.brands-v12-heading{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.brands-v12-heading>p{max-width:520px}.brands-v12-filter{top:78px;grid-template-columns:1fr;overflow:visible}.brands-v12-filter-count{display:none}.brands-v12-filter-buttons{overflow-x:auto;border-radius:14px;scrollbar-width:none}.brands-v12-filter-buttons::-webkit-scrollbar{display:none}.brands-v12-filter-btn{min-width:132px;min-height:55px}
  .brands-v12-card-wide,.brands-v12-card-tall,.brands-v12-card-third{grid-column:span 12;min-height:390px}.brands-v12-card-copy h3{font-size:35px}
}
@media(max-width:500px){
  .brands-v12-hero{padding-top:112px}.brands-v12-hero h1{font-size:clamp(27px,7.7vw,38px)}.brands-v12-hero-copy>p{font-size:14px}.brands-v12-hero-metrics{margin-top:28px}.brands-v12-hero-metrics div{padding-right:12px}.brands-v12-hero-metrics strong{font-size:23px}.brands-v12-hero-metrics span{font-size:6.5px}.brands-v12-constellation{width:330px}.brands-v12-node{width:51px;height:51px;padding:6px;border-radius:13px}.brands-v12-core{width:74px;height:74px;border-radius:20px}.brands-v12-core span{font-size:29px}.brands-v12-core small{bottom:10px}.brands-v12-constellation .node-spidkey{left:1%}.brands-v12-constellation .node-archis{right:2%}.brands-v12-constellation .node-archistv{right:0}.brands-v12-constellation .node-dealhub{left:7%}
  .brands-v12-heading h2{font-size:clamp(34px,10vw,44px)}.brands-v12-filter{margin-inline:-1px}.brands-v12-filter-btn{min-width:116px;font-size:8px;padding:0 10px}.brands-v12-card{min-height:360px;padding:18px;border-radius:16px}.brands-v12-card-head b{max-width:70%}.brands-v12-card-visual{min-height:118px}.brands-v12-logo-frame{width:91px;height:91px;border-radius:19px}.brands-v12-card-copy{display:block}.brands-v12-card-copy h3{font-size:31px}.brands-v12-card-copy p{font-size:11px}.brands-v12-data{justify-content:flex-start;max-width:none;margin-top:13px}.brands-v12-data span{font-size:6.5px;padding:6px 8px}.brands-v12-footer-line{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.brands-v12-ring,.brands-v12-node{animation:none!important}}



/* V13 — The former portfolio constellation becomes the home hero. The Brands page gets a distinct editorial index. */
.home-v13-hero{min-height:760px;padding-top:150px}
.home-v13-hero .brands-v12-hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}
.home-v13-hero .brands-v12-hero-copy{max-width:730px}
.home-v13-hero .brands-v12-hero-copy h1{max-width:740px;white-space:normal;font-size:clamp(42px,5.45vw,72px);line-height:.97}
.home-v13-hero .brands-v12-hero-copy>p{max-width:560px}
.home-v13-actions{display:flex;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.home-v13-actions .mvx-btn{min-height:44px;padding:0 18px}
.home-v13-metrics{margin-top:34px;max-width:610px}
.home-v13-metrics div{min-width:150px}
.home-v13-hero .brands-v12-constellation{width:min(100%,540px)}

.brands-v13-index-hero{position:relative;min-height:660px;padding:158px 0 78px;overflow:hidden;background:#050506;border-bottom:1px solid var(--mx-line-soft);isolation:isolate}
.brands-v13-index-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.88) 68%,transparent 100%);opacity:.46}
.brands-v13-index-beam{position:absolute;z-index:-2;left:48%;top:-35%;width:2px;height:165%;background:linear-gradient(180deg,transparent,rgba(145,103,255,.9),rgba(50,185,255,.28),transparent);transform:rotate(27deg);box-shadow:0 0 48px rgba(110,83,255,.5)}
.brands-v13-index-beam::after{content:"";position:absolute;left:-150px;top:34%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(111,76,255,.16),transparent 70%);filter:blur(18px)}
.brands-v13-index-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.84fr);gap:88px;align-items:center}
.brands-v13-index-copy{max-width:680px}
.brands-v13-index-copy h1{max-width:720px;margin:25px 0 22px;font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.06em;font-weight:570;text-wrap:balance}
.brands-v13-index-copy h1 em{font-style:normal;color:#aaa0ff}
.brands-v13-index-copy>p{max-width:570px;margin:0;color:#9998a2;font-size:15px;line-height:1.68;text-wrap:pretty}
.brands-v13-index-signature{display:flex;align-items:center;gap:18px;margin-top:35px;color:#74737d;font-size:8px;font-weight:760;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.brands-v13-index-signature i{display:block;width:110px;height:1px;background:linear-gradient(90deg,#a477ff,#35bcff,transparent)}
.brands-v13-index-board{position:relative;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);background:rgba(7,7,10,.44);backdrop-filter:blur(10px)}
.brands-v13-board-head{min-height:98px;padding:0 4px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11)}
.brands-v13-board-head span{color:#7c7b85;font-size:8px;font-weight:760;letter-spacing:.17em;text-transform:uppercase}
.brands-v13-board-head strong{font-size:74px;line-height:1;font-weight:520;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.48)}
.brands-v13-board-row{min-height:88px;padding:0 16px 0 22px;display:grid;grid-template-columns:34px 1fr auto;gap:17px;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);transition:background .25s,padding-left .25s}
.brands-v13-board-row:hover{background:rgba(255,255,255,.032);padding-left:28px}
.brands-v13-row-index{color:#6e55c9;font-size:8px;letter-spacing:.14em}
.brands-v13-board-row>div{min-width:0;display:grid;gap:7px}
.brands-v13-board-row b{font-size:14px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}
.brands-v13-board-row small{color:#6f6e77;font-size:7px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brands-v13-board-row>strong{font-size:25px;font-weight:530;color:#c5b8ff;letter-spacing:-.04em}
.brands-v13-board-foot{min-height:50px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#65646d;font-size:7px;letter-spacing:.15em;text-transform:uppercase}
.brands-v13-board-foot i{width:42px;height:1px;background:#6c55c3}

@media(max-width:1020px){
  .home-v13-hero .brands-v12-hero-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr)}
  .brands-v13-index-layout{grid-template-columns:minmax(0,1fr) minmax(370px,.8fr);gap:45px}
  .brands-v13-board-head strong{font-size:62px}
}
@media(max-width:760px){
  .home-v13-hero{min-height:auto;padding:128px 0 72px}
  .home-v13-hero .brands-v12-hero-layout{grid-template-columns:1fr}
  .home-v13-hero .brands-v12-hero-copy h1{font-size:clamp(36px,9vw,56px)}
  .home-v13-actions{margin-top:24px}
  .home-v13-hero .brands-v12-constellation{width:min(100%,440px);margin:18px auto 0}
  .brands-v13-index-hero{min-height:auto;padding:132px 0 68px}
  .brands-v13-index-layout{grid-template-columns:1fr;gap:48px}
  .brands-v13-index-copy{max-width:620px}
  .brands-v13-index-copy h1{font-size:clamp(35px,8vw,53px)}
  .brands-v13-index-board{max-width:620px;width:100%}
}
@media(max-width:500px){
  .home-v13-hero{padding-top:112px}
  .home-v13-hero .brands-v12-hero-copy h1{font-size:clamp(32px,9.5vw,44px)}
  .home-v13-actions{flex-direction:column;align-items:stretch;width:100%}.home-v13-actions .mvx-btn{width:100%}
  .home-v13-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.home-v13-metrics div{min-width:0;padding-right:7px;display:block}.home-v13-metrics strong{display:block}.home-v13-metrics span{display:block;margin-top:5px;white-space:normal;line-height:1.25}
  .brands-v13-index-hero{padding-top:112px}
  .brands-v13-index-copy h1{font-size:clamp(31px,9vw,42px)}
  .brands-v13-index-copy>p{font-size:14px}
  .brands-v13-index-signature{font-size:6.5px;gap:10px}.brands-v13-index-signature i{width:48px}
  .brands-v13-board-head{min-height:78px}.brands-v13-board-head strong{font-size:52px}
  .brands-v13-board-row{grid-template-columns:25px 1fr auto;gap:10px;min-height:78px;padding-left:14px}.brands-v13-board-row:hover{padding-left:18px}
  .brands-v13-board-row b{font-size:12px}.brands-v13-board-row small{font-size:5.8px}.brands-v13-board-row>strong{font-size:21px}
}



/* ================================================================
   V14 — PAGE MÉDIAS : TYPOGRAPHIE HOMOGÈNE, CARTES VIDÉO LISIBLES
================================================================ */
.page[data-page="medias"]{background:#050506;color:#fff}
.media-v14-hero{position:relative;min-height:720px;padding:154px 0 82px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09);background:#050506;isolation:isolate}
.media-v14-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 70%,transparent 100%);opacity:.56}
.media-v14-glow{position:absolute;z-index:-2;right:-160px;top:-220px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(84,112,255,.2),rgba(102,72,255,.09) 42%,transparent 70%);filter:blur(14px)}
.media-v14-hero-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:82px;align-items:center}
.media-v14-hero-copy{max-width:700px}
.media-v14-hero-copy h1{margin:25px 0 22px;max-width:720px;font-size:clamp(42px,5.35vw,70px);font-weight:560;letter-spacing:-.064em;line-height:.96;text-wrap:balance}
.media-v14-hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(94deg,#fff 10%,#a98aff 52%,#42c8ff 92%);-webkit-background-clip:text;background-clip:text}
.media-v14-hero-copy>p{max-width:580px;margin:0;color:#9998a2;font-size:15px;line-height:1.68;text-wrap:pretty}
.media-v14-hero-stats{display:flex;align-items:flex-start;gap:0;margin-top:36px;border-top:1px solid rgba(255,255,255,.11);max-width:590px}
.media-v14-hero-stats div{min-width:145px;padding:18px 30px 0 0;display:flex;align-items:baseline;gap:8px}
.media-v14-hero-stats strong{font-size:27px;font-weight:570;letter-spacing:-.045em;white-space:nowrap}
.media-v14-hero-stats span{color:#777680;font-size:8px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.media-v14-signal{position:relative;width:min(100%,520px);aspect-ratio:1;margin-left:auto}
.media-v14-signal::before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle,rgba(84,111,255,.17),transparent 68%);filter:blur(18px)}
.media-v14-signal-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%)}
.media-v14-signal-ring-a{width:78%;height:78%;animation:mediaV14Spin 24s linear infinite}
.media-v14-signal-ring-b{width:52%;height:52%;border-style:dashed;animation:mediaV14SpinReverse 20s linear infinite}
.media-v14-signal-core{position:absolute;left:50%;top:50%;z-index:3;width:126px;height:126px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#0d0d11;box-shadow:0 0 50px rgba(94,74,255,.15);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}
.media-v14-signal-core span{font-size:25px;font-weight:730;letter-spacing:-.06em}
.media-v14-signal-core b{margin-top:6px;color:#87868f;font-size:7px;letter-spacing:.16em}
.media-v14-signal-node{position:absolute;z-index:4;display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:9px 13px 9px 9px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(11,11,14,.9);box-shadow:0 18px 48px rgba(0,0,0,.3);backdrop-filter:blur(12px);animation:mediaV14Float 5s ease-in-out infinite}
.media-v14-signal-node>span{grid-row:1/3;width:48px;height:48px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.media-v14-signal-node img{width:78%;height:78%;object-fit:contain}
.media-v14-signal-node b{font-size:11px;line-height:1;white-space:nowrap}
.media-v14-signal-node small{margin-top:5px;color:#777680;font-size:7px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.media-v14-signal-node.node-archis{left:0;top:18%}
.media-v14-signal-node.node-archistv{right:-2%;top:25%;animation-delay:-1.1s}
.media-v14-signal-node.node-dealhub{left:5%;bottom:15%;animation-delay:-2.2s}
.media-v14-signal-node.node-spideal{right:2%;bottom:12%;animation-delay:-3.3s}
@keyframes mediaV14Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mediaV14SpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes mediaV14Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.media-v14-video-section{padding:106px 0 116px;background:#08080a;border-bottom:1px solid rgba(255,255,255,.08)}
.media-v14-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);gap:70px;align-items:end;margin-bottom:42px}
.media-v14-label{display:inline-flex;align-items:center;gap:10px;color:#85848e;font-size:8px;font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.media-v14-label::before{content:"";width:22px;height:1px;background:#8072ff}
.media-v14-section-head h2{margin:14px 0 0;font-size:clamp(31px,4vw,50px);font-weight:560;letter-spacing:-.052em;line-height:1;white-space:nowrap}
.media-v14-section-head>p{margin:0;color:#8f8e98;font-size:13px;line-height:1.65;text-wrap:pretty}
.media-v14-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.media-v14-channel{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0d0d10;transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.media-v14-channel:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22);box-shadow:0 25px 70px rgba(0,0,0,.34)}
.media-v14-preview{position:relative;min-height:315px;padding:22px;overflow:hidden;background:#111216;border-bottom:1px solid rgba(255,255,255,.09);isolation:isolate}
.media-v14-channel-archis .media-v14-preview{background:radial-gradient(circle at 24% 20%,rgba(203,170,88,.18),transparent 35%),linear-gradient(145deg,#11100d,#17130b 55%,#0d0d0e)}
.media-v14-channel-tv .media-v14-preview{background:radial-gradient(circle at 78% 20%,rgba(25,164,226,.2),transparent 35%),linear-gradient(145deg,#07141c,#092638 58%,#071016)}
.media-v14-preview::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.media-v14-preview-top,.media-v14-preview-foot{position:relative;z-index:4;display:flex;align-items:center;gap:9px;color:#d5d4da;font-size:7px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}
.media-v14-preview-top small{margin-left:auto;color:#696873;font-size:7px}
.media-v14-live-dot{width:6px;height:6px;border-radius:50%;background:#d9b557;box-shadow:0 0 0 4px rgba(217,181,87,.1)}
.media-v14-channel-tv .media-v14-live-dot{background:#36bdf7;box-shadow:0 0 0 4px rgba(54,189,247,.1)}
.media-v14-logo-stage{position:absolute;inset:54px 22px 43px;display:grid;place-items:center}
.media-v14-logo-stage::before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.media-v14-logo-stage::after{content:"";position:absolute;width:250px;height:250px;border:1px dashed rgba(255,255,255,.07);border-radius:50%}
.media-v14-logo-tile{position:relative;z-index:2;width:126px;height:126px;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);transform:rotate(-4deg);transition:transform .35s var(--ease)}
.media-v14-channel-tv .media-v14-logo-tile{transform:rotate(4deg)}
.media-v14-channel:hover .media-v14-logo-tile{transform:rotate(0deg) scale(1.035)}
.media-v14-logo-tile img{width:78%;height:78%;object-fit:contain}
.media-v14-play{position:absolute;z-index:3;right:calc(50% - 88px);bottom:calc(50% - 71px);width:39px;height:39px;border-radius:50%;background:#fff;color:#08080a;display:grid;place-items:center;font-size:12px;padding-left:2px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.media-v14-preview-foot{position:absolute;left:22px;right:22px;bottom:19px;justify-content:space-between;color:#777680}
.media-v14-preview-foot span{white-space:nowrap}
.media-v14-channel-body{padding:27px 28px 26px}
.media-v14-channel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.media-v14-channel-heading>div:first-child>span{display:block;margin-bottom:8px;color:#777680;font-size:7px;font-weight:780;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.media-v14-channel-heading h3{margin:0;font-size:30px;font-weight:590;letter-spacing:-.055em;line-height:.9;white-space:nowrap}
.media-v14-audience{text-align:right;flex:0 0 auto}
.media-v14-audience strong{display:block;font-size:23px;font-weight:580;letter-spacing:-.045em;line-height:1}
.media-v14-audience small{display:block;margin-top:6px;color:#777680;font-size:7px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.media-v14-channel-title{margin:23px 0 11px;font-size:clamp(18px,2.05vw,26px);font-weight:560;letter-spacing:-.038em;line-height:1;white-space:nowrap}
.media-v14-channel-desc{min-height:47px;margin:0;color:#92919a;font-size:12px;line-height:1.6;text-wrap:pretty}
.media-v14-channel-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:25px}
.media-v14-mini-stats{display:flex;gap:18px}
.media-v14-mini-stats span{display:flex;flex-direction:column;color:#73727b;font-size:7px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.media-v14-mini-stats b{margin-bottom:4px;color:#fff;font-size:15px;font-weight:590;letter-spacing:-.03em;text-transform:none}
.media-v14-mini-stats i{font-style:normal}
.media-v14-actions{display:flex;gap:7px}
.media-v14-actions a,.media-v14-link-button{height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:.25s}
.media-v14-actions a:hover,.media-v14-link-button:hover{border-color:#fff;background:#fff;color:#08080a}

.media-v14-editorial-section{padding:116px 0;background:#eceae5;color:#0a0a0b}
.media-v14-editorial-layout{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr);gap:86px;align-items:start}
.media-v14-editorial-intro{position:sticky;top:122px}
.media-v14-editorial-intro .media-v14-label{color:#6f6c73}
.media-v14-editorial-intro h2{margin:17px 0 20px;font-size:clamp(32px,4.25vw,54px);font-weight:580;letter-spacing:-.058em;line-height:.98}
.media-v14-editorial-intro>p{max-width:420px;margin:0;color:#68666d;font-size:13px;line-height:1.68}
.media-v14-editorial-summary{display:flex;align-items:baseline;gap:10px;margin-top:34px;padding-top:19px;border-top:1px solid rgba(0,0,0,.14);max-width:360px}
.media-v14-editorial-summary strong{font-size:28px;font-weight:610;letter-spacing:-.05em}
.media-v14-editorial-summary span{color:#77747b;font-size:8px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.media-v14-publications{display:grid;gap:14px}
.media-v14-publication{position:relative;display:grid;grid-template-columns:155px 1fr;gap:28px;min-height:235px;padding:22px;border:1px solid rgba(0,0,0,.12);border-radius:22px;overflow:hidden;color:#0b0b0c;background:#f7f5f1;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.media-v14-publication:hover{transform:translateX(5px);border-color:rgba(0,0,0,.24);box-shadow:0 24px 60px rgba(0,0,0,.1)}
.media-v14-publication-spideal{background:#111115;color:#fff;border-color:rgba(255,255,255,.12)}
.media-v14-publication-logo{min-height:190px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden}
.media-v14-publication-logo img{width:72%;height:72%;object-fit:contain}
.media-v14-publication-copy{display:flex;flex-direction:column;min-width:0}
.media-v14-publication-top{display:flex;justify-content:space-between;gap:20px;color:#77747c;font-size:7px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}
.media-v14-publication-spideal .media-v14-publication-top{color:#777680}
.media-v14-publication h3{margin:18px 0 7px;font-size:32px;font-weight:610;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.media-v14-publication p{max-width:470px;margin:0;color:#66646b;font-size:12px;line-height:1.58}
.media-v14-publication-spideal p{color:#93929b}
.media-v14-publication-data{display:flex;gap:31px;margin-top:auto;padding-top:19px;border-top:1px solid rgba(0,0,0,.1)}
.media-v14-publication-spideal .media-v14-publication-data{border-color:rgba(255,255,255,.1)}
.media-v14-publication-data span{display:flex;flex-direction:column;white-space:nowrap}
.media-v14-publication-data b{font-size:17px;font-weight:620;letter-spacing:-.035em}
.media-v14-publication-data i{margin-top:4px;color:#77747b;font-size:7px;font-style:normal;letter-spacing:.1em;text-transform:uppercase}

.media-v14-journey-section{padding:110px 0 126px;background:#070708;border-top:1px solid rgba(255,255,255,.07)}
.media-v14-journey-head{margin-bottom:38px}
.media-v14-journey{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.media-v14-journey>div{position:relative;min-height:190px;padding:24px 24px 22px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;transition:background .3s var(--ease)}
.media-v14-journey>div:last-child{border-right:0}
.media-v14-journey>div:hover{background:#0e0e12}
.media-v14-journey span{color:#66656e;font-size:8px;letter-spacing:.14em}
.media-v14-journey b{font-size:22px;font-weight:560;letter-spacing:-.04em;white-space:nowrap}
.media-v14-journey p{margin:0;color:#777680;font-size:9px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

@media(max-width:1080px){
  .media-v14-hero-layout{grid-template-columns:1fr minmax(360px,.78fr);gap:48px}
  .media-v14-signal{width:min(100%,450px)}
  .media-v14-channel-title{font-size:20px}
  .media-v14-editorial-layout{gap:54px}
}
@media(max-width:900px){
  .media-v14-hero{min-height:auto;padding:138px 0 80px}
  .media-v14-hero-layout{grid-template-columns:1fr;gap:48px}
  .media-v14-signal{width:min(100%,500px);margin:0 auto}
  .media-v14-channel-grid{grid-template-columns:1fr}
  .media-v14-channel-title{font-size:clamp(19px,3.4vw,26px)}
  .media-v14-editorial-layout{grid-template-columns:1fr;gap:44px}
  .media-v14-editorial-intro{position:relative;top:auto}
  .media-v14-section-head{grid-template-columns:1fr;gap:18px}
  .media-v14-section-head>p{max-width:580px}
  .media-v14-journey{grid-template-columns:1fr 1fr}
  .media-v14-journey>div:nth-child(2){border-right:0}
  .media-v14-journey>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(max-width:620px){
  .media-v14-hero{padding:116px 0 60px}
  .media-v14-hero-copy h1{font-size:clamp(38px,12vw,52px)}
  .media-v14-hero-copy>p{font-size:13px}
  .media-v14-hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}
  .media-v14-hero-stats div{min-width:0;padding-right:8px;display:block}
  .media-v14-hero-stats strong{display:block;font-size:22px}
  .media-v14-hero-stats span{display:block;margin-top:5px;font-size:6.5px}
  .media-v14-signal{width:100%;max-width:390px}
  .media-v14-signal-core{width:102px;height:102px}
  .media-v14-signal-node{grid-template-columns:38px auto;padding:7px 9px 7px 7px;border-radius:11px;column-gap:8px}
  .media-v14-signal-node>span{width:38px;height:38px;border-radius:8px}
  .media-v14-signal-node b{font-size:9px}
  .media-v14-signal-node small{font-size:5.5px}
  .media-v14-video-section,.media-v14-editorial-section,.media-v14-journey-section{padding:78px 0}
  .media-v14-section-head h2{font-size:clamp(29px,8.2vw,40px);white-space:normal}
  .media-v14-preview{min-height:265px;padding:18px}
  .media-v14-logo-stage{inset:49px 18px 39px}
  .media-v14-logo-stage::before{width:150px;height:150px}
  .media-v14-logo-stage::after{width:200px;height:200px}
  .media-v14-logo-tile{width:102px;height:102px;border-radius:20px}
  .media-v14-play{right:calc(50% - 74px);bottom:calc(50% - 59px);width:34px;height:34px}
  .media-v14-preview-foot{left:18px;right:18px;bottom:15px;font-size:5.5px}
  .media-v14-channel-body{padding:22px 20px}
  .media-v14-channel-heading h3{font-size:26px}
  .media-v14-audience strong{font-size:20px}
  .media-v14-channel-title{font-size:clamp(16px,5vw,21px)}
  .media-v14-channel-desc{min-height:0;font-size:11px}
  .media-v14-channel-footer{align-items:flex-start;flex-direction:column}
  .media-v14-publication{grid-template-columns:92px 1fr;gap:16px;min-height:200px;padding:15px;border-radius:17px}
  .media-v14-publication-logo{min-height:155px;border-radius:12px}
  .media-v14-publication h3{font-size:25px;margin-top:14px}
  .media-v14-publication p{font-size:10px}
  .media-v14-publication-data{gap:15px;padding-top:14px}
  .media-v14-publication-data b{font-size:14px}
  .media-v14-publication-data i{font-size:5.5px}
  .media-v14-editorial-summary span{white-space:normal}
  .media-v14-journey{grid-template-columns:1fr}
  .media-v14-journey>div{min-height:130px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .media-v14-journey>div:last-child{border-bottom:0}
  .media-v14-journey b{font-size:20px}
}
@media(max-width:390px){
  .media-v14-signal-node.node-archis{left:-4%;top:15%}.media-v14-signal-node.node-archistv{right:-4%;top:24%}.media-v14-signal-node.node-dealhub{left:-1%;bottom:13%}.media-v14-signal-node.node-spideal{right:-3%;bottom:10%}
  .media-v14-preview-foot span:last-child{display:none}
  .media-v14-channel-heading{gap:12px}
  .media-v14-channel-title{font-size:15.5px}
  .media-v14-publication{grid-template-columns:72px 1fr}
  .media-v14-publication-logo{min-height:140px}
  .media-v14-publication-data{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){.media-v14-signal-ring,.media-v14-signal-node{animation:none!important}}



/* ================================================================
   V16 — CONTACT + TYPOGRAPHIC SAFETY
================================================================ */
:root{--v16-purple:#8567ff;--v16-blue:#4f8dff;--v16-soft:#a5a2ad;--v16-line:rgba(255,255,255,.12)}

/* Never split a word in the middle. Layouts may wrap only at spaces. */
body,button,input,textarea,select{hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}
.page :is(h1,h2,h3,h4,p,a,button,label,strong,b,span,small),
.site-header :is(a,button,span,small),
.site-footer :is(a,button,span,strong,h4){hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}
.page :is(section,div,article,aside,form,header,footer){min-width:0}
.page :is(h1,h2,h3){text-wrap:balance}
.page p{text-wrap:pretty}

/* Remove legacy clipping and risky forced single lines. */
.brands-v12-hero h1,.media-v14-section-head h2,.media-v14-channel-title{white-space:normal!important}
.brands-v12-card-head b{overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.media-v14-channel-heading h3,.media-v14-publication h3{font-size:clamp(24px,2.1vw,29px)!important}
.media-v14-channel-title{font-size:clamp(17px,1.65vw,22px)!important;line-height:1.08!important}
.group-v15-title{font-size:clamp(44px,5.65vw,78px)!important}
.group-v15-section-head h2,.group-v15-structure-head h2,.group-v15-principles-intro h2{font-size:clamp(35px,4.1vw,57px)!important}

.contact-v16-page{--contact-bg:#08080b;--contact-panel:#0d0d12;background:var(--contact-bg)}
.contact-v16-hero{position:relative;min-height:720px;padding:calc(var(--nav-h) + 62px) 0 72px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--v16-line);isolation:isolate}
.contact-v16-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 65%,transparent 100%)}
.contact-v16-hero::before{content:"";position:absolute;z-index:-1;width:650px;height:650px;right:-170px;top:10px;border-radius:50%;background:radial-gradient(circle,rgba(112,79,255,.22),rgba(60,98,255,.08) 42%,transparent 68%);filter:blur(8px)}
.contact-v16-hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.74fr);gap:80px;align-items:center}
.contact-v16-index,.contact-v16-label{display:inline-flex;align-items:center;gap:10px;color:#777681;font-size:9px;font-weight:780;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.contact-v16-index::before,.contact-v16-label::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--v16-purple),var(--v16-blue))}
.contact-v16-hero-copy h1{max-width:780px;margin:24px 0 21px;font-size:clamp(47px,5.65vw,77px);font-weight:560;letter-spacing:-.064em;line-height:.96}
.contact-v16-hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#fff 0%,#b7c9ff 37%,#9677ff 72%,#6b8dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-v16-hero-copy>p{max-width:560px;margin:0;color:#a5a2ad;font-size:15px;line-height:1.67}
.contact-v16-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:30px;padding:0 17px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:#f4f2ed;color:#0a0a0d;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;transition:.25s}
.contact-v16-primary:hover{transform:translateY(-2px);background:#fff}

.contact-v16-signal{position:relative;min-height:420px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));overflow:hidden;isolation:isolate}
.contact-v16-signal::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 37%,rgba(125,82,255,.2),transparent 31%);z-index:-1}
.contact-v16-signal-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--v16-line);color:#7b7984;font-size:8px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
.contact-v16-signal-top i{width:7px;height:7px;border-radius:50%;background:#73f6ae;box-shadow:0 0 16px rgba(115,246,174,.7)}
.contact-v16-signal-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#171721,#0a0a0e);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 18px rgba(126,90,255,.035),0 0 70px rgba(96,75,255,.18);z-index:3}
.contact-v16-signal-core span{font-size:29px;font-weight:820;letter-spacing:-.065em;line-height:1}
.contact-v16-signal-core small{margin-top:4px;color:#777581;font-size:7px;letter-spacing:.22em}
.contact-v16-orbit{position:absolute;left:50%;top:44%;border:1px solid rgba(147,119,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);animation:v16Orbit 14s linear infinite}
.contact-v16-orbit::after{content:"";position:absolute;left:12%;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.85)}
.contact-v16-orbit.orbit-one{width:245px;height:245px}
.contact-v16-orbit.orbit-two{width:330px;height:330px;animation-duration:20s;animation-direction:reverse;border-color:rgba(79,141,255,.15)}
.contact-v16-signal-lines{position:absolute;left:23px;right:23px;bottom:22px;border-top:1px solid var(--v16-line)}
.contact-v16-signal-lines div{min-height:42px;display:grid;grid-template-columns:30px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.contact-v16-signal-lines span{color:#5e5c66;font-size:7px}
.contact-v16-signal-lines b{font-size:9px;font-weight:590;letter-spacing:.03em;white-space:nowrap}
@keyframes v16Orbit{to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}

.contact-v16-main{padding:104px 0 116px;background:#09090c}
.contact-v16-main-layout{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);gap:78px;align-items:start}
.contact-v16-aside{position:sticky;top:118px}
.contact-v16-aside h2{max-width:520px;margin:21px 0 18px;font-size:clamp(34px,3.7vw,51px);font-weight:560;letter-spacing:-.055em;line-height:1}
.contact-v16-aside>p{max-width:470px;margin:0;color:#96949e;font-size:13px;line-height:1.7}
.contact-v16-meta{margin-top:38px;border-top:1px solid var(--v16-line)}
.contact-v16-meta div{min-height:59px;padding:0 2px;display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;border-bottom:1px solid rgba(255,255,255,.09)}
.contact-v16-meta span{color:#66646f;font-size:7px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.contact-v16-meta b{font-size:11px;font-weight:570;text-align:right;white-space:nowrap}
.contact-v16-copy{width:100%;min-height:44px;margin-top:19px;padding:0 2px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#c7c5cd;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
.contact-v16-copy i{font-style:normal;color:#9678ff;font-size:13px;transition:transform .25s}
.contact-v16-copy:hover i{transform:translate(3px,-3px)}

.contact-v16-form{padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:#0d0d12;box-shadow:0 30px 90px rgba(0,0,0,.2)}
.contact-v16-form-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;margin-bottom:8px;border-bottom:1px solid var(--v16-line)}
.contact-v16-form-head>span{font-size:13px;font-weight:630;letter-spacing:-.01em}
.contact-v16-form-head>small{color:#66646e;font-size:7px;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.contact-v16-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-v16-field{padding-top:23px}
.contact-v16-field label{display:block;margin-bottom:9px;color:#777580;font-size:7px;font-weight:760;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.contact-v16-field input,.contact-v16-field textarea,.contact-v16-field select{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.13);border-radius:0;padding:0 0 12px;background:transparent;color:#f4f2ed;outline:none;font-size:12px;line-height:1.5;transition:border-color .22s}
.contact-v16-field input::placeholder,.contact-v16-field textarea::placeholder{color:#56545e;opacity:1}
.contact-v16-field input:focus,.contact-v16-field textarea:focus,.contact-v16-field select:focus{border-color:#896dff}
.contact-v16-field select option{color:#0a0a0d;background:#fff}
.contact-v16-field textarea{min-height:96px;resize:vertical}
.contact-v16-submit{width:100%;min-height:47px;margin-top:28px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(100deg,#7459ff,#5d84ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:0 15px 35px rgba(91,75,255,.16);transition:transform .25s,filter .25s}
.contact-v16-submit:hover{transform:translateY(-2px);filter:brightness(1.08)}
.contact-v16-submit i{font-style:normal;font-size:15px}
.contact-v16-note{margin:12px 0 0;color:#5f5d67;font-size:8px;line-height:1.55;text-align:center}

@media(max-width:1000px){
  .contact-v16-hero{min-height:auto;padding-top:calc(var(--nav-h) + 48px)}
  .contact-v16-hero-layout{grid-template-columns:1fr;gap:48px}
  .contact-v16-hero-copy{max-width:720px}
  .contact-v16-signal{width:min(100%,620px);min-height:390px}
  .contact-v16-main-layout{grid-template-columns:1fr;gap:48px}
  .contact-v16-aside{position:relative;top:auto;max-width:650px}
}
@media(max-width:680px){
  .contact-v16-hero{padding:calc(var(--nav-h) + 34px) 0 55px}
  .contact-v16-hero-layout{gap:34px}
  .contact-v16-hero-copy h1{font-size:clamp(38px,11vw,50px);line-height:.98;margin-top:19px}
  .contact-v16-hero-copy>p{font-size:13px}
  .contact-v16-primary{margin-top:24px;font-size:8px}
  .contact-v16-signal{min-height:340px;padding:18px;border-radius:18px}
  .contact-v16-signal-core{width:96px;height:96px;border-radius:25px}
  .contact-v16-signal-core span{font-size:25px}
  .contact-v16-orbit.orbit-one{width:190px;height:190px}.contact-v16-orbit.orbit-two{width:260px;height:260px}
  .contact-v16-signal-lines{left:18px;right:18px;bottom:17px}.contact-v16-signal-lines div{min-height:38px}.contact-v16-signal-lines b{font-size:8px}
  .contact-v16-main{padding:74px 0 82px}
  .contact-v16-main-layout{gap:38px}
  .contact-v16-aside h2{font-size:clamp(31px,9.3vw,42px)}
  .contact-v16-meta div{grid-template-columns:92px minmax(0,1fr);gap:10px}
  .contact-v16-meta b{font-size:10px}
  .contact-v16-form{padding:22px 18px;border-radius:17px}
  .contact-v16-form-head{align-items:flex-start;flex-direction:column;gap:7px}.contact-v16-form-head>small{text-align:left}
  .contact-v16-fields-two{grid-template-columns:1fr;gap:0}
}
@media(max-width:420px){
  .contact-v16-hero-copy h1{font-size:clamp(34px,10.4vw,43px)}
  .contact-v16-signal{min-height:315px}.contact-v16-signal-lines b{font-size:7.3px}.contact-v16-signal-lines div{grid-template-columns:24px 1fr}
  .contact-v16-meta div{display:block;padding:13px 0;min-height:0}.contact-v16-meta b{display:block;margin-top:5px;text-align:left;white-space:normal}
  .contact-v16-copy{font-size:7.5px}
}



/* V19 — isolate the media constellation from the brands constellation.
   Shared node class names previously applied left+right or top+bottom at once,
   stretching cards into large rectangles and causing overlap. */
.media-v14-signal-node{width:max-content;height:auto;max-width:190px}
.media-v14-signal-node.node-archis{left:0;right:auto;top:18%;bottom:auto}
.media-v14-signal-node.node-archistv{left:auto;right:-2%;top:25%;bottom:auto}
.media-v14-signal-node.node-dealhub{left:5%;right:auto;top:auto;bottom:15%}
.media-v14-signal-node.node-spideal{left:auto;right:2%;top:auto;bottom:12%}
@media(max-width:620px){
  .media-v14-signal-node{max-width:150px}
}
@media(max-width:390px){
  .media-v14-signal-node.node-archis{left:-4%;right:auto;top:15%;bottom:auto}
  .media-v14-signal-node.node-archistv{left:auto;right:-4%;top:24%;bottom:auto}
  .media-v14-signal-node.node-dealhub{left:-1%;right:auto;top:auto;bottom:13%}
  .media-v14-signal-node.node-spideal{left:auto;right:-3%;top:auto;bottom:10%}
}



/* ================================================================
   V20 — AUDIT GLOBAL DE LISIBILITÉ
   Le design reste compact, mais aucune information utile ne descend
   à une taille de microtexte illisible.
================================================================ */
:root{
  --v20-body:15px;
  --v20-body-mobile:14px;
  --v20-small:10.5px;
  --v20-small-mobile:10px;
  --v20-ui:11.5px;
  --v20-muted-dark:#9b99a4;
  --v20-muted-light:#5f5b55;
}
body{font-size:16px}
.page p{font-size:max(var(--v20-body),1em);line-height:1.65}

/* Navigation et pied de page */
.brandmark{font-size:18px!important}
.brandmark small{font-size:10px!important;letter-spacing:.13em!important}
.nav-link{font-size:13px!important;padding-inline:12px!important}
.lang-button{font-size:11px!important}
.nav-cta{font-size:11.5px!important}
.footer-col h4{font-size:10.5px!important;color:#85828b!important}
.footer-col a,.footer-col button{font-size:12.5px!important;line-height:1.45!important}
.footer-bottom{font-size:10px!important;line-height:1.5!important;color:#77747e!important}

/* Accueil — microcopies et textes fonctionnels */
.brands-v12-kicker,.brands-v12-kicker-text,.mvx-kicker,
.mvx-logo-rail-label,.mvx-capability-top,.mvx-status{
  font-size:var(--v20-small)!important;
}
.brands-v12-hero-copy>p,.mvx-section-head p,.mvx-flow-copy>p,
.mvx-future-copy>p{font-size:15.5px!important;line-height:1.65!important}
.brands-v12-hero-metrics span,.mvx-hero-metrics span,
.mvx-mini-stat span,.mvx-proof-grid span{
  font-size:10.5px!important;color:var(--v20-muted-dark)!important;line-height:1.4!important;
}
.brands-v12-core small{font-size:9px!important}
.mvx-logo-set b{font-size:11px!important;letter-spacing:.08em!important}
.mvx-btn,.mvx-text-link{font-size:11.5px!important}
.mvx-capability p{font-size:14.5px!important;line-height:1.62!important}
.mvx-flow-tab span{font-size:10px!important}.mvx-flow-tab b{font-size:13px!important}
.mvx-flow-node{font-size:9.5px!important;letter-spacing:.1em!important}
.mvx-flow-detail>span{font-size:10px!important;color:#918f9a!important}
.mvx-flow-detail p,.mvx-proof-note p{font-size:13.5px!important;line-height:1.62!important}
.mvx-future-list span{font-size:9.5px!important}.mvx-future-list b{font-size:12.5px!important}

/* Nos marques — informations, filtres et cartes */
.brands-v13-index-label,.brands-v13-row-index,.brands-v13-board-row small,
.brands-v13-index-signature{font-size:10px!important}
.brands-v13-board-row b{font-size:11px!important}
.brands-v12-filter-count small{font-size:9.5px!important;color:#96949f!important}
.brands-v12-filter-btn{font-size:10.5px!important;letter-spacing:.065em!important}
.brands-v12-filter-btn b{font-size:9.5px!important}
.brands-v12-card-head{font-size:9.5px!important;color:#9a98a3!important}
.brands-v12-card-head span{font-size:10px!important}
.brands-v12-card-copy p{font-size:14px!important;line-height:1.58!important;color:#a4a2ad!important}
.brands-v12-data span{font-size:9.5px!important;padding:7px 10px!important;color:#b4b2bb!important}
.brands-v12-card-link,.brands-v12-secondary-link{font-size:11px!important}
.brands-v12-visual-code{font-size:9px!important}
.brands-v12-footer-line{font-size:12px!important}.brands-v12-footer-line button{font-size:11px!important}

/* Médias — aucune donnée éditoriale en dessous du seuil de lecture */
.media-v14-hero-copy>p,.media-v14-section-head>p,
.media-v14-editorial-intro>p{font-size:15px!important;line-height:1.65!important}
.media-v14-hero-stats span,.media-v14-label,
.media-v14-editorial-summary span{font-size:10.5px!important;color:#9997a2!important}
.media-v14-signal-core b{font-size:9.5px!important;color:#a3a1ab!important}
.media-v14-signal-node{grid-template-columns:50px auto!important;column-gap:12px!important;padding:10px 14px 10px 10px!important}
.media-v14-signal-node b{font-size:12px!important}
.media-v14-signal-node small{font-size:9.5px!important;color:#9b99a4!important;letter-spacing:.06em!important}
.media-v14-preview-top,.media-v14-preview-foot,
.media-v14-preview-top small{font-size:9.5px!important;color:#aaa8b1!important}
.media-v14-channel-heading>div:first-child>span,
.media-v14-audience small{font-size:9.5px!important;color:#9d9ba5!important}
.media-v14-channel-desc{font-size:14px!important;line-height:1.62!important;color:#a09ea8!important}
.media-v14-mini-stats span{font-size:9.5px!important;color:#96949e!important}
.media-v14-mini-stats b{font-size:16px!important}
.media-v14-actions a,.media-v14-link-button{font-size:10px!important;height:36px!important;padding-inline:14px!important}
.media-v14-publication-top{font-size:9.5px!important}
.media-v14-publication p{font-size:14px!important;line-height:1.58!important}
.media-v14-publication-data i{font-size:9.5px!important;color:#6c6971!important}
.media-v14-journey span{font-size:10px!important}.media-v14-journey p{font-size:10.5px!important;color:#93919b!important}

/* Le groupe — corps de texte et repères */
.group-v15-kicker,.group-v15-index,.group-v15-chapter>span,
.group-v15-principle>span{font-size:10.5px!important}
.group-v15-primary,.group-v15-secondary,.group-v15-endnote button{font-size:11px!important}
.group-v15-node{font-size:10px!important;letter-spacing:.09em!important}
.group-v15-hero-stats span{font-size:10px!important;color:#98959f!important;max-width:130px!important}
.group-v15-section-head>p,.group-v15-structure-head p,
.group-v15-principles-intro p{font-size:15px!important;line-height:1.65!important}
.group-v15-chapter p,.group-v15-map-core p,.group-v15-map-line p,
.group-v15-principle p{font-size:14.5px!important;line-height:1.65!important}
.group-v15-map-core small,.group-v15-map-line>span{font-size:10.5px!important}

/* Contact — formulaire lisible et métadonnées claires */
.contact-v16-index,.contact-v16-label{font-size:10.5px!important;color:#9b99a4!important}
.contact-v16-primary{font-size:11.5px!important}
.contact-v16-hero-copy>p,.contact-v16-aside>p{font-size:15px!important;line-height:1.67!important}
.contact-v16-signal-top{font-size:10px!important;color:#9997a2!important}
.contact-v16-signal-core small{font-size:9px!important;color:#9a98a3!important}
.contact-v16-signal-lines span{font-size:9.5px!important}
.contact-v16-signal-lines b{font-size:11px!important}
.contact-v16-meta span{font-size:10px!important;color:#85838d!important}
.contact-v16-meta b{font-size:13px!important}
.contact-v16-copy{font-size:11px!important}
.contact-v16-form-head>span{font-size:14px!important}
.contact-v16-form-head>small{font-size:10px!important;line-height:1.45!important;color:#85838d!important}
.contact-v16-field label{font-size:10.5px!important;color:#9a98a2!important}
.contact-v16-field input,.contact-v16-field textarea,.contact-v16-field select{font-size:14px!important}
.contact-v16-submit{font-size:11.5px!important}
.contact-v16-note{font-size:10.5px!important;color:#7d7a84!important}

/* Contraste des textes secondaires génériques */
.section-copy,.brand-detail-list .detail-description{font-size:15px!important;line-height:1.65!important}
.page[data-page="accueil"] :is(.mvx-section-head p,.mvx-flow-copy>p),
.page[data-page="medias"] :is(.media-v14-channel-desc,.media-v14-editorial-intro>p){color:#a5a3ad!important}

@media(max-width:900px){
  .nav-link{font-size:26px!important}
  .brands-v12-hero-metrics span,.mvx-hero-metrics span{font-size:10px!important}
  .mvx-flow-tab b{font-size:11.5px!important}
}

@media(max-width:680px){
  :root{--v20-body:14px;--v20-small:10px;--v20-ui:11px}
  .page p{font-size:var(--v20-body)!important;line-height:1.62!important}
  .brands-v12-hero-copy>p,.mvx-section-head p,.mvx-flow-copy>p,
  .mvx-future-copy>p,.media-v14-hero-copy>p,.media-v14-section-head>p,
  .media-v14-editorial-intro>p,.group-v15-section-head>p,
  .group-v15-structure-head p,.group-v15-principles-intro p,
  .contact-v16-hero-copy>p,.contact-v16-aside>p{font-size:14px!important}
  .brands-v12-hero-metrics span,.mvx-hero-metrics span,
  .media-v14-hero-stats span,.group-v15-hero-stats span{font-size:9.5px!important;letter-spacing:.06em!important}
  .mvx-logo-set b{font-size:10px!important}
  .mvx-capability p,.mvx-flow-detail p,.mvx-proof-note p,
  .brands-v12-card-copy p,.media-v14-channel-desc,.media-v14-publication p,
  .group-v15-chapter p,.group-v15-map-core p,.group-v15-map-line p,
  .group-v15-principle p{font-size:13.5px!important}
  .mvx-flow-node{font-size:9px!important}
  .mvx-flow-tab b{font-size:11px!important}
  .brands-v12-filter-btn{font-size:10px!important}
  .brands-v12-card-head,.brands-v12-card-head span,
  .brands-v12-data span,.brands-v12-visual-code{font-size:9.5px!important}
  .media-v14-signal-node{max-width:172px!important;grid-template-columns:42px auto!important}
  .media-v14-signal-node>span{width:42px!important;height:42px!important}
  .media-v14-signal-node b{font-size:10.5px!important}
  .media-v14-signal-node small{font-size:8.8px!important}
  .media-v14-preview-top,.media-v14-preview-foot,.media-v14-preview-top small{font-size:9px!important}
  .media-v14-channel-heading>div:first-child>span,.media-v14-audience small,
  .media-v14-mini-stats span,.media-v14-publication-top,
  .media-v14-publication-data i{font-size:9px!important}
  .media-v14-actions a,.media-v14-link-button{font-size:9.5px!important}
  .group-v15-node{font-size:9.5px!important}
  .group-v15-primary,.group-v15-secondary,.group-v15-endnote button{font-size:10.5px!important}
  .group-v15-map-core small,.group-v15-map-line>span{font-size:9.5px!important}
  .contact-v16-index,.contact-v16-label,.contact-v16-primary,
  .contact-v16-signal-top,.contact-v16-meta span,.contact-v16-copy,
  .contact-v16-field label,.contact-v16-submit,.contact-v16-note{font-size:10px!important}
  .contact-v16-signal-lines b{font-size:10px!important}
  .contact-v16-meta b{font-size:12px!important}
  .contact-v16-form-head>small{font-size:9.5px!important}
  .footer-col h4{font-size:10px!important}.footer-col a,.footer-col button{font-size:12px!important}.footer-bottom{font-size:9.5px!important}
}

@media(max-width:420px){
  .media-v14-signal-node{max-width:148px!important;padding:8px 10px 8px 8px!important;column-gap:8px!important}
  .media-v14-signal-node b{font-size:10px!important}.media-v14-signal-node small{font-size:8.3px!important}
  .contact-v16-signal-lines b{font-size:9.5px!important}
  .contact-v16-copy{font-size:10px!important}
}



.brands-v12-kicker>span{font-size:9.5px!important}
.mvx-flow-core small{font-size:9px!important;letter-spacing:.18em!important}
.brands-v13-board-head span{font-size:10.5px!important;color:#9a98a3!important}
.brands-v13-board-foot{font-size:10px!important;color:#8d8b95!important}
.media-v14-signal-node{max-width:215px!important}
@media(max-width:680px){
  .brands-v12-kicker>span{font-size:9.5px!important}
  .mvx-flow-core small{font-size:9px!important}
  .brands-v13-board-head span{font-size:10px!important}
  .brands-v13-board-foot{font-size:9.5px!important;letter-spacing:.09em!important}
  .media-v14-signal-node{max-width:176px!important}
  .media-v14-signal-node small{font-size:9.2px!important}
}
@media(max-width:420px){
  .media-v14-signal-node{max-width:170px!important}
  .media-v14-signal-node small{font-size:9px!important}
}



@media(max-width:680px){
  .brands-v12-kicker>span,.brands-v12-hero-metrics span,.mvx-hero-metrics span,
  .mvx-flow-node,.brands-v12-card-head,.brands-v12-card-head span,
  .brands-v12-data span,.brands-v12-visual-code,.media-v14-hero-stats span,
  .media-v14-signal-node small,.media-v14-preview-top,.media-v14-preview-foot,
  .media-v14-preview-top small,.media-v14-channel-heading>div:first-child>span,
  .media-v14-audience small,.media-v14-mini-stats span,.media-v14-publication-top,
  .media-v14-publication-data i,.group-v15-node,.group-v15-hero-stats span,
  .group-v15-map-core small,.group-v15-map-line>span,.contact-v16-signal-lines span,
  .contact-v16-signal-lines b,.contact-v16-form-head>small,.footer-bottom{
    font-size:10px!important;
  }
  .mvx-flow-core small,.contact-v16-signal-core small{font-size:9.5px!important}
}



/* v21 — editorial essentials: less copy, stronger hierarchy */
.mvx-section-head,.mvx-proof-head{max-width:760px}
.mvx-section-head h2,.mvx-proof-head h2{margin-bottom:0}
.mvx-platform,.mvx-flow-section,.mvx-proof,.mvx-future{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.mvx-capability p,.mvx-flow-detail p,.group-v15-chapter p,.group-v15-principle p,.group-v15-map-line p{max-width:34ch}
.brands-v12-portfolio,.media-v14-video-section,.media-v14-editorial-section,.group-v15-story,.group-v15-structure,.group-v15-principles,.contact-v16-main{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.media-v14-channel-title{margin-bottom:0}
.contact-v16-form{align-self:start}
.footer-bottom{justify-content:flex-start}
@media(max-width:760px){
  .mvx-platform,.mvx-flow-section,.mvx-proof,.mvx-future,.brands-v12-portfolio,.media-v14-video-section,.media-v14-editorial-section,.group-v15-story,.group-v15-structure,.group-v15-principles,.contact-v16-main{padding-top:64px;padding-bottom:64px}
}



/* V23 — le logo maître du groupe doit être clairement identifiable */
.brandmark-symbol{
  width:48px!important;height:48px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#16130f,#09090c)!important;
  border:1px solid rgba(228,196,120,.32)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), 0 0 30px rgba(228,196,120,.12)!important;
  padding:7px!important;display:grid;place-items:center;overflow:visible!important;flex:0 0 auto;
}
.brandmark-logo{
  width:100%;height:100%;display:block;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(228,196,120,.20));
}
.brandmark{gap:12px!important}
.brandmark>span:last-child{display:flex;flex-direction:column;gap:2px}
.brandmark>span:last-child small{margin-left:0;vertical-align:0;color:#8f8a81!important}
.footer-brandline{
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
  font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8b8994
}
.footer-brandline img{
  width:36px;height:36px;object-fit:contain;
  padding:5px;border-radius:12px;background:linear-gradient(145deg,#16130f,#09090c);
  border:1px solid rgba(228,196,120,.26);
  box-shadow:0 10px 24px rgba(0,0,0,.24), 0 0 24px rgba(228,196,120,.1)
}
.brands-v12-core,.mvx-flow-core,.contact-v16-signal-core{overflow:visible!important;position:relative}
.brands-v12-core{
  width:140px!important;height:140px!important;border-radius:34px!important;
  background:linear-gradient(145deg,#17130e,#09090c)!important;
  border:1px solid rgba(228,196,120,.34)!important;
  box-shadow:0 0 0 18px rgba(228,196,120,.035),0 0 90px rgba(228,196,120,.14),0 24px 48px rgba(0,0,0,.34)!important;
}
.brands-v12-core::before,.mvx-flow-core::before,.contact-v16-signal-core::before{
  content:"";position:absolute;inset:-14px;border-radius:inherit;border:1px solid rgba(228,196,120,.12);pointer-events:none
}
.brands-v12-core::after,.mvx-flow-core::after,.contact-v16-signal-core::after{
  content:"spidgroup";position:absolute;left:50%;transform:translateX(-50%);
  bottom:-25px;font-size:8px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(228,196,120,.84);white-space:nowrap;pointer-events:none
}
.brands-v12-core-logo{
  width:74%;height:74%;object-fit:contain;transform:rotate(7deg);
  filter:drop-shadow(0 10px 24px rgba(228,196,120,.16));
}
.mvx-flow-core{
  width:136px!important;height:136px!important;border-radius:34px!important;
  background:linear-gradient(145deg,#17130e,#09090c)!important;
  border:1px solid rgba(228,196,120,.30)!important;
  box-shadow:0 0 0 18px rgba(228,196,120,.03),0 0 80px rgba(228,196,120,.12),0 24px 48px rgba(0,0,0,.34)!important;
}
.mvx-flow-core-logo{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(228,196,120,.16))}
.contact-v16-signal-core{
  width:132px!important;height:132px!important;border-radius:34px!important;
  background:linear-gradient(145deg,#17130e,#09090c)!important;
  border:1px solid rgba(228,196,120,.30)!important;
  box-shadow:0 0 0 18px rgba(228,196,120,.025),0 0 70px rgba(228,196,120,.11),0 24px 48px rgba(0,0,0,.32)!important;
}
.contact-v16-signal-logo{width:74%;height:74%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(228,196,120,.16))}
@media(max-width:820px){
  .brandmark-symbol{width:42px!important;height:42px!important;padding:6px!important;border-radius:13px!important}
  .brandmark-logo{width:100%;height:100%}
  .footer-brandline{margin-bottom:14px;font-size:9px}
  .footer-brandline img{width:31px;height:31px}
  .brands-v12-core{width:116px!important;height:116px!important;border-radius:28px!important}
  .mvx-flow-core,.contact-v16-signal-core{width:112px!important;height:112px!important;border-radius:28px!important}
}
@media(max-width:560px){
  .brandmark-symbol{width:38px!important;height:38px!important;padding:5px!important;border-radius:12px!important}
  .brands-v12-core{width:96px!important;height:96px!important;border-radius:24px!important}
  .mvx-flow-core,.contact-v16-signal-core{width:94px!important;height:94px!important;border-radius:24px!important}
  .brands-v12-core::after,.mvx-flow-core::after,.contact-v16-signal-core::after{bottom:-21px;font-size:7px;letter-spacing:.18em}
}



/* V24 — logo maître : positionnement clair dans les noyaux du site */

/* Accueil · La dynamique : le logo reste au centre du système, sans libellé flottant mal placé. */
.mvx-flow-core{
  left:50%!important;top:40%!important;
  width:126px!important;height:126px!important;
  border-radius:32px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;place-items:center!important;
}
.mvx-flow-core::after{display:none!important}
.mvx-flow-core::before{inset:-12px!important;border-radius:42px!important}
.mvx-flow-core-logo{width:78%!important;height:78%!important;object-fit:contain!important}

/* Page Le groupe · header : le logo remplace le simple mot SPID. */
.group-v15-signal-core{
  width:43%!important;aspect-ratio:1!important;border-radius:30%!important;
  background:linear-gradient(145deg,#17130e,#09090c)!important;
  border:1px solid rgba(228,196,120,.34)!important;
  box-shadow:0 0 0 18px rgba(228,196,120,.025),0 0 90px rgba(228,196,120,.14),0 30px 80px rgba(0,0,0,.42)!important;
  overflow:visible!important;transform:rotate(-6deg)!important;
}
.group-v15-signal-core::before{
  content:"";position:absolute;inset:-15px;border-radius:34%;
  border:1px solid rgba(228,196,120,.12);pointer-events:none
}
.group-v15-signal-core::after{
  content:"spidgroup";position:absolute;left:50%;bottom:-28px;transform:translateX(-50%) rotate(6deg);
  color:rgba(228,196,120,.86);font-size:8px;font-weight:850;letter-spacing:.22em;
  text-transform:uppercase;white-space:nowrap
}
.group-v15-signal-logo{
  width:76%;height:76%;object-fit:contain;transform:rotate(6deg);
  filter:drop-shadow(0 12px 28px rgba(228,196,120,.17))
}

/* Page Le groupe · structure : le logo identifie aussi visuellement le noyau. */
.group-v15-map-core::after{content:""!important}
.group-v15-map-logo-wrap{
  position:relative;z-index:2;width:132px;height:132px;display:grid;place-items:center;
  margin:18px 0;padding:18px;border-radius:30px;
  background:linear-gradient(145deg,#17130e,#09090c);
  border:1px solid rgba(228,196,120,.28);
  box-shadow:0 20px 44px rgba(0,0,0,.28),0 0 52px rgba(228,196,120,.08)
}
.group-v15-map-logo-wrap::before{
  content:"";position:absolute;inset:-9px;border:1px solid rgba(228,196,120,.09);border-radius:36px
}
.group-v15-map-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(228,196,120,.14))}

@media(max-width:820px){
  .mvx-flow-core{top:37%!important;width:104px!important;height:104px!important;border-radius:27px!important}
  .group-v15-signal-core{width:40%!important;max-width:165px!important}
  .group-v15-signal-core::after{bottom:-23px;font-size:7px;letter-spacing:.18em}
  .group-v15-map-logo-wrap{width:112px;height:112px;padding:15px;border-radius:26px}
}
@media(max-width:560px){
  .mvx-flow-core{top:35%!important;width:90px!important;height:90px!important;border-radius:24px!important}
  .mvx-flow-core::before{inset:-9px!important;border-radius:31px!important}
  .group-v15-signal-core{width:42%!important;max-width:145px!important}
  .group-v15-map-logo-wrap{width:96px;height:96px;padding:13px;margin:14px 0}
}



/* V28 — le noyau spidgroup doit être placé au croisement du schéma */
.mvx-flow-core{
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
}
.mvx-flow-line{top:50%!important}
@media(max-width:820px){
  .mvx-flow-core{top:50%!important}
  .mvx-flow-line{top:50%!important}
}
@media(max-width:560px){
  .mvx-flow-core{top:50%!important}
}



/* V29 — le noyau du logo est réellement ancré au croisement du schéma */
.mvx-flow-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
@media(max-width:820px){
  .mvx-flow-core{left:50%!important;top:50%!important}
}



/* V30 — le logo maître doit dominer visuellement les noyaux des écosystèmes */
.brands-v12-core-logo{width:86%!important;height:86%!important}
.mvx-flow-core-logo{width:88%!important;height:88%!important}
.contact-v16-signal-logo{width:86%!important;height:86%!important}
.group-v15-signal-logo{width:86%!important;height:86%!important}
.group-v15-map-logo-wrap{padding:12px!important}
.group-v15-map-logo{transform:scale(1.08)!important;transform-origin:center center}
@media(max-width:820px){
  .brands-v12-core-logo{width:84%!important;height:84%!important}
  .mvx-flow-core-logo{width:86%!important;height:86%!important}
  .contact-v16-signal-logo,.group-v15-signal-logo{width:84%!important;height:84%!important}
  .group-v15-map-logo-wrap{padding:10px!important}
}
@media(max-width:560px){
  .brands-v12-core-logo{width:82%!important;height:82%!important}
  .mvx-flow-core-logo{width:84%!important;height:84%!important}
  .contact-v16-signal-logo,.group-v15-signal-logo{width:82%!important;height:82%!important}
  .group-v15-map-logo-wrap{padding:9px!important}
}

/* Final header/footer sizing */
.brandmark{
  gap:14px!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
}
.brandmark-symbol{
  width:56px!important;
  height:56px!important;
  padding:4px!important;
  border-radius:16px!important;
}
.brandmark-logo{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:scale(1.22);
  transform-origin:center;
}
.brandmark>span:last-child{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:0!important;
  text-transform:uppercase!important;
}
.site-footer{
  padding:58px 0 28px!important;
}
.footer-top{
  display:grid!important;
  grid-template-columns:minmax(180px,.78fr) minmax(230px,1.05fr) repeat(3,minmax(130px,.58fr))!important;
  gap:clamp(22px,2.6vw,44px)!important;
  align-items:start!important;
  padding-bottom:46px!important;
}
.footer-brandline{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin:0!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  color:#f0ece4!important;
}
.footer-brandline img{
  width:62px!important;
  height:62px!important;
  padding:5px!important;
  object-fit:contain!important;
  transform:scale(1.16);
  transform-origin:center;
}
.footer-big{
  grid-column:auto!important;
  margin:0!important;
  max-width:none!important;
  font-size:clamp(34px,3.2vw,58px)!important;
  line-height:.92!important;
}
.footer-col{
  min-width:0!important;
}
.footer-col h4{
  margin:0 0 16px!important;
}
.footer-col a,
.footer-col button{
  margin:9px 0!important;
}
@media(max-width:1120px){
  .footer-top{
    grid-template-columns:minmax(180px,1fr) minmax(230px,1.25fr) repeat(3,minmax(120px,.7fr))!important;
    gap:22px!important;
  }
  .footer-big{
    font-size:clamp(30px,3vw,42px)!important;
  }
  .footer-brandline{
    font-size:14px!important;
  }
  .footer-brandline img{
    width:54px!important;
    height:54px!important;
  }
}
@media(max-width:900px){
  .brandmark-symbol{
    width:48px!important;
    height:48px!important;
  }
  .footer-top{
    grid-template-columns:1fr 1fr!important;
  }
  .footer-big{
    grid-column:1/-1!important;
  }
}
@media(max-width:560px){
  .brandmark{
    gap:10px!important;
    font-size:12px!important;
  }
  .brandmark-symbol{
    width:42px!important;
    height:42px!important;
  }
  .footer-top{
    grid-template-columns:1fr!important;
  }
}


/* Static export guardrails layered over the visual prototype. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.page {
  max-width: 100vw;
  overflow-x: clip;
}

img {
  max-width: 100%;
  height: auto;
}

.mobile-nav-panel {
  display: none;
}

@media (max-width: 760px) {
  .site-header {
    left: 10px;
    right: 10px;
    width: auto;
  }

  .nav-shell {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .brandmark {
    min-width: 0;
  }

  .brandmark span:last-child {
    min-width: 0;
  }

  .main-nav,
  .nav-cta {
    display: none !important;
  }

  .menu-button {
    display: grid !important;
  }

  .mobile-nav-panel {
    position: fixed;
    inset: calc(var(--nav-h) + 8px) 10px auto;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(10, 10, 11, .96);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .42);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .24s var(--ease), transform .24s var(--ease);
  }

  body.menu-open .mobile-nav-panel {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .mobile-nav-link {
    padding: 14px 12px;
    border-bottom: 1px solid var(--line);
    color: var(--paper);
    font-size: 20px;
    font-weight: 800;
  }

  .mobile-nav-link:last-child {
    border-bottom: 0;
  }

  .nav-actions {
    gap: 8px;
  }

  .language-switch {
    margin-left: auto;
  }

  .section-shell,
  .brands-v12-shell,
  .brands-v12-hero,
  .brands-v13-index,
  .media-v14-shell,
  .group-v15-shell,
  .contact-v16-shell {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .home-v13-hero .brands-v12-hero-copy h1,
  .brands-v13-index-copy h1,
  .brands-v12-heading h2,
  .mvx-proof-head h2,
  .mvx-flow-copy h2,
  .media-v14-hero-copy h1,
  .media-v14-section-head h2,
  .group-v15-title,
  .contact-v16-hero-copy h1,
  .contact-v16-aside h2 {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
  }

  .home-v13-hero .brands-v12-hero-copy h1 {
    font-size: clamp(30px, 10vw, 40px) !important;
    line-height: .98 !important;
  }

  .brands-v13-index-copy h1,
  .media-v14-hero-copy h1,
  .contact-v16-hero-copy h1 {
    font-size: clamp(30px, 10vw, 42px) !important;
    line-height: 1 !important;
  }

  .brands-v12-heading h2,
  .mvx-proof-head h2,
  .mvx-flow-copy h2,
  .media-v14-section-head h2,
  .contact-v16-aside h2 {
    font-size: clamp(28px, 9vw, 38px) !important;
    line-height: 1.04 !important;
  }

  .brands-v12-filter {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .brands-v12-filter-buttons {
    display: flex !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none;
  }

  .brands-v12-filter-buttons::-webkit-scrollbar {
    display: none;
  }

  .brands-v12-grid-list,
  .media-v14-channel-grid,
  .media-v14-publications,
  .group-v15-proof-grid,
  .contact-v16-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .brands-v12-card,
  .brands-v12-card-wide,
  .brands-v12-card-tall,
  .brands-v12-card-third,
  .media-v14-channel-card,
  .media-v14-publication,
  .group-v15-proof-card,
  .contact-v16-panel,
  .contact-v16-aside {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .brands-v12-card-copy h3,
  .media-v14-channel-title,
  .media-v14-publication h3,
  .group-v15-proof-card h3 {
    white-space: normal !important;
  }

  .brands-v12-constellation,
  .mvx-flow-visual,
  .mvx-flow-grid,
  .mvx-logo-rail,
  .media-v14-network,
  .group-v15-orbit {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mvx-logo-rail {
    overflow: hidden !important;
  }

  .mvx-logo-set {
    min-width: max-content;
  }
}

@media (max-width: 430px) {
  .brands-v12-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .brands-v12-filter-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .brands-v13-index-signature {
    align-items: flex-start;
    flex-direction: column;
    white-space: normal !important;
  }

  .brands-v13-board-row {
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  .brands-v13-board-row small,
  .brands-v12-filter-button,
  .brands-v12-filter-btn,
  .pill,
  .metric-chip {
    white-space: normal !important;
  }

  .brands-v12-filter-btn {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: center !important;
  }
}