/* Bande de réassurance premium */ .trust-bar { position: relative; z-index: 3; margin: -34px 40px 0; padding: 0; background: transparent; } .trust-inner { max-width: var(--container); margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); background: rgba(9, 24, 45, .9); backdrop-filter: blur(18px); border: 1px solid var(--gold-line); border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.24); overflow: hidden; } .trust-item { min-height: 76px; padding: 16px 18px; display: flex; align-items: center; justify-content: center; gap: 10px; color: rgba(255,255,255,.82); font-size: .84rem; font-weight: 600; text-align: center; border-right: 1px solid rgba(255,255,255,.08); } .trust-item:last-child { border-right: 0; } .trust-item .ico { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: linear-gradient(135deg, rgba(201,168,76,.22), rgba(201,168,76,.06)); border: 1px solid rgba(201,168,76,.45); color: var(--gold-light); display: flex; align-items: center; justify-content: center; font-size: .78rem; } /* Univers Entreprises / Particuliers */ .univers-section { position: relative; padding: 118px 40px 72px; overflow: hidden; background: linear-gradient(180deg, #071525 0%, #091a30 48%, #071321 100%); } .univers-section::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 14% 18%, rgba(47,105,185,.18), transparent 30%), radial-gradient(circle at 86% 78%, rgba(201,168,76,.11), transparent 28%); } .univers-shell { max-width: 1380px; margin: 0 auto; position: relative; z-index: 1; } .univers-head { max-width: 760px; margin: 0 auto 70px; text-align: center; } .univers-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } .univers-card { --accent: 201,168,76; position: relative; min-height: 660px; border-radius: 34px; overflow: hidden; isolation: isolate; color: var(--white); text-decoration: none; border: 1px solid rgba(var(--accent),.24); box-shadow: 0 34px 90px rgba(0,0,0,.34); transform: translateZ(0); } .univers-card.private { --accent: 226,139,128; } .univers-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .6s ease; } .univers-card.corporate img { object-position: 50% 42%; filter: saturate(1.18) contrast(1.05) brightness(1.04); } .univers-card::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(2,8,16,.08) 0%, rgba(2,8,16,.30) 35%, rgba(2,8,16,.94) 100%), linear-gradient(135deg, rgba(var(--accent),.18), transparent 46%); } .univers-card::after { content: ''; position: absolute; inset: 14px; z-index: 3; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; pointer-events: none; transition: inset .4s ease, border-color .4s ease; } .univers-card:hover img { transform: scale(1.055); filter: saturate(1.08) contrast(1.03); } .univers-card:hover::after { inset: 10px; border-color: rgba(var(--accent),.55); } .univers-content { position: absolute; inset: auto 0 0; z-index: 4; padding: 48px 48px 46px; } .univers-topline { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; } .univers-index { font-size: .74rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.66); } .univers-pill { display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;border:1px solid rgba(var(--accent),.48);background:rgba(4,12,24,.48);backdrop-filter:blur(10px);color:rgb(var(--accent));font-size:.84rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; } .univers-title { font-family: var(--font-title); font-size: clamp(2.4rem,4vw,4.5rem); line-height: .96; margin: 0 0 20px; max-width: 600px; } .univers-title em { color: rgb(var(--accent)); font-style: italic; font-weight: 400; } .univers-desc { max-width: 600px; color: rgba(255,255,255,.78); line-height: 1.72; font-size: .98rem; margin-bottom: 24px; } .univers-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 30px; } .univers-tag { padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); font-size: .74rem; color: rgba(255,255,255,.84); } .univers-cta { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; color: white; } .univers-cta span { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgb(var(--accent)); color: #071321; transition: transform .3s ease; } .univers-card:hover .univers-cta span { transform: translateX(6px) rotate(-10deg); } /* Galerie éditoriale immersive */ .events-gallery { position: relative; padding: 72px 20px 118px; background: radial-gradient(circle at 10% 10%, rgba(201,168,76,.08), transparent 28%), linear-gradient(180deg, var(--navy-950), #050c16 58%, var(--navy-950)); overflow: hidden; } .events-gallery::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent); pointer-events: none; } .events-gallery .container { max-width: 1320px; margin: 0 auto; position: relative; z-index: 1; } .eg-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: end; margin: 0 0 58px; } .eg-head-copy { max-width: 760px; } .eg-head-note { color: var(--text-muted); font-size: .95rem; line-height: 1.7; padding-left: 24px; border-left: 1px solid var(--gold-line); } .eg-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 118px; gap: 18px; } .eg-card { position: relative; border-radius: 26px; overflow: hidden; text-decoration: none; border: 1px solid rgba(255,255,255,.1); display: block; isolation: isolate; box-shadow: 0 24px 60px rgba(0,0,0,.26); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease; } .eg-card:nth-child(1) { grid-column: span 7; grid-row: span 4; } .eg-card:nth-child(2) { grid-column: span 5; grid-row: span 2; } .eg-card:nth-child(3) { grid-column: span 5; grid-row: span 2; } .eg-card:nth-child(4) { grid-column: span 4; grid-row: span 3; } .eg-card:nth-child(5) { grid-column: span 4; grid-row: span 3; } .eg-card:nth-child(6) { grid-column: span 4; grid-row: span 3; } .eg-card:nth-child(7) { grid-column: span 7; grid-row: span 3; } .eg-card:nth-child(8) { grid-column: span 5; grid-row: span 3; } .eg-card:hover { transform: translateY(-7px); border-color: var(--gold-line); box-shadow: 0 34px 80px rgba(0,0,0,.38); } .eg-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .45s ease; filter: brightness(.72) saturate(.9) contrast(1.04); } .eg-card:hover img { transform: scale(1.075); filter: brightness(.86) saturate(1.08); } .eg-card:nth-child(3) img { object-position: 50% 42%; filter: brightness(.82) saturate(1.16) contrast(1.05); } .eg-card:nth-child(3):hover img { transform: scale(1.075); filter: brightness(.92) saturate(1.22) contrast(1.04); } .eg-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,10,19,.05) 18%, rgba(4,10,19,.9) 100%); z-index: 1; } .eg-card::after { content: ''; position: absolute; inset: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; z-index: 1; opacity: 0; transform: scale(.98); transition: opacity .4s ease, transform .4s ease; } .eg-card:hover::after { opacity: 1; transform: scale(1); } .eg-index { position: absolute; top: 22px; right: 24px; z-index: 2; color: rgba(255,255,255,.68); font-size: .72rem; font-weight: 700; letter-spacing: .14em; } .eg-meta { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 30px 30px; z-index: 2; color: var(--white); } .eg-cat { font-size: .66rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 9px; } .eg-title { font-family: var(--font-title); font-size: clamp(1.35rem, 2.1vw, 2.2rem); font-weight: 700; line-height: 1.05; } .eg-card:not(:first-child) .eg-title { font-size: clamp(1.18rem, 1.65vw, 1.7rem); } .eg-arrow { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; font-size: .78rem; font-weight: 700; color: var(--white); opacity: .82; } .eg-arrow::after { content: '↗'; transition: transform .25s ease; } .eg-card:hover .eg-arrow::after { transform: translate(3px,-3px); } .eg-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 32px; } .eg-footer p { color: var(--text-muted); font-size: .9rem; } @media (max-width: 980px) { .eg-head { grid-template-columns: 1fr; gap: 22px; } .eg-head-note { padding-left: 0; border-left: 0; max-width: 680px; } .eg-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 260px; } .eg-card:nth-child(n) { grid-column: span 1; grid-row: span 1; } .eg-card:nth-child(1), .eg-card:nth-child(7) { grid-column: span 2; } } @media (max-width: 640px) { .events-gallery { padding: 92px 16px; } .eg-grid { grid-template-columns: 1fr; grid-auto-rows: 330px; gap: 14px; } .eg-card:nth-child(n) { grid-column: 1; } .eg-head { margin-bottom: 38px; } .eg-footer { align-items: flex-start; flex-direction: column; } } /* Ambiance bento gallery */ .ambiance { padding: 110px 20px; background: linear-gradient(180deg, var(--navy-900), var(--navy-950)); } .ambiance .container { max-width: 1280px; margin: 0 auto; } .amb-head { text-align: center; max-width: 720px; margin: 0 auto 56px; } .amb-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 280px 280px; gap: 14px; } .amb-tile { position: relative; overflow: hidden; border-radius: var(--radius-lg); border: 1px solid var(--line); display: block; } .amb-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .amb-tile::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(8,20,40,0.85) 100%); } .amb-tile:hover img { transform: scale(1.05); } .amb-tag { position: absolute; left: 18px; bottom: 18px; z-index: 1; background: rgba(13,34,64,0.78); backdrop-filter: blur(8px); border: 1px solid var(--gold-line); color: var(--gold); font-size: 0.74rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 7px 14px; border-radius: var(--radius-pill); } .amb-1 { grid-column: span 2; grid-row: span 2; } .amb-2 { grid-column: span 2; } .amb-3 { } .amb-4 { } .amb-5 { } .amb-6 { } @media (max-width: 980px) { .amb-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 220px); } .amb-1 { grid-column: span 2; grid-row: span 1; } .amb-2 { grid-column: span 2; } } /* Pourquoi Sacha Events */ .process { position: relative; padding: 120px 40px; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(201,168,76,.11), transparent 30%), radial-gradient(circle at 88% 82%, rgba(47,94,158,.22), transparent 34%), linear-gradient(180deg, var(--navy-900), var(--navy-950)); } .process::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent); pointer-events: none; } .process-grid { position: relative; z-index: 1; max-width: var(--container); margin: 0 auto; display: grid; grid-template-columns: .92fr 1.35fr; gap: 72px; align-items: start; } .process-intro { position: sticky; top: 120px; } .process-intro .lead { margin-top: 20px; max-width: 540px; } .process-signature { margin-top: 34px; padding: 22px 0 0; border-top: 1px solid var(--gold-line); display: flex; gap: 20px; align-items: center; } .process-signature strong { display: block; font-family: var(--font-title); color: var(--gold); font-size: 1.7rem; line-height: 1; } .process-signature span { color: var(--text-muted); font-size: .82rem; line-height: 1.45; } .process-steps { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; } .proc-step { position: relative; min-height: 250px; padding: 30px; border-radius: 24px; background: linear-gradient(155deg, rgba(26,58,107,.34), rgba(8,20,40,.72)); border: 1px solid rgba(255,255,255,.09); overflow: hidden; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } .proc-step::after { content: ''; position: absolute; width: 150px; height: 150px; right: -70px; bottom: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(201,168,76,.18), transparent 68%); transition: transform .45s ease; } .proc-step:hover { transform: translateY(-6px); border-color: var(--gold-line); box-shadow: 0 24px 60px rgba(0,0,0,.24); } .proc-step:hover::after { transform: scale(1.35); } .proc-img { width: 100%; height: 170px; object-fit: cover; border-radius: 14px; display: block; margin-bottom: 18px; } .proc-num { width: 46px; height: 46px; border-radius: 14px; background: var(--gold-soft); border: 1px solid var(--gold-line); color: var(--gold); font-family: var(--font-title); font-size: 1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 34px; } .proc-t { font-family: var(--font-title); font-size: 1.35rem; font-weight: 700; margin-bottom: 10px; } .proc-d { font-size: .92rem; color: var(--text-muted); line-height: 1.7; } .proc-kicker { display: inline-block; margin-top: 18px; color: var(--gold); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } @media (max-width: 1024px) { .process-grid { grid-template-columns: 1fr; gap: 42px; } .process-intro { position: static; } } @media (max-width: 720px) { .process { padding: 74px 18px; } .process-steps { grid-template-columns: 1fr; gap: 14px; } .proc-step { min-height: auto; padding: 20px; } .proc-img { height: 150px; margin-bottom: 14px; border-radius: 12px; } .proc-num { width: 38px; height: 38px; margin-bottom: 16px; } .proc-t { font-size: 1.18rem; } } /* Avis clients premium */ .testimonials { position: relative; padding: 124px 40px; overflow: hidden; background: radial-gradient(circle at 14% 12%, rgba(201,168,76,.12), transparent 30%), radial-gradient(circle at 86% 82%, rgba(38,83,148,.2), transparent 34%), linear-gradient(180deg, #0a1a2f 0%, #071321 100%); } .testimonials::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent); } .testi-shell { max-width: 1320px; margin: 0 auto; position: relative; z-index: 1; } .testi-head { display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: end; margin-bottom: 54px; } .testi-intro { max-width: 720px; } .testi-summary { display: flex; align-items: center; gap: 18px; padding-left: 26px; border-left: 1px solid var(--gold-line); } .testi-score { font-family: var(--font-title); font-size: clamp(3rem,5vw,5rem); line-height: .82; color: var(--gold-light); } .testi-summary-copy { color: var(--text-muted); line-height: 1.55; font-size: .92rem; } .testi-summary-copy strong { display: block; color: #fff; font-size: 1rem; margin-bottom: 4px; } .testi-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 22px; } .testi-stack { display: grid; gap: 22px; } .testi-card { position: relative; min-height: 100%; padding: 34px 32px; border-radius: 28px; overflow: hidden; background: linear-gradient(145deg, rgba(16,40,73,.78), rgba(7,19,33,.78)); border: 1px solid rgba(255,255,255,.09); box-shadow: 0 24px 70px rgba(0,0,0,.2); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } .testi-card:hover { transform: translateY(-5px); border-color: var(--gold-line); box-shadow: 0 30px 80px rgba(0,0,0,.3); } .testi-card.featured { padding: 48px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(145deg, rgba(35,75,130,.58), rgba(10,25,45,.92)); } .testi-card::before { content: '"'; position: absolute; top: 14px; right: 28px; font-family: var(--font-title); font-size: 7rem; color: var(--gold); opacity: .13; line-height: 1; } .testi-card.featured::after { content: ''; position: absolute; width: 260px; height: 260px; right: -100px; bottom: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(201,168,76,.18), transparent 68%); } .testi-stars { color: var(--gold-light); letter-spacing: .2em; font-size: .92rem; margin-bottom: 22px; } .testi-text { position: relative; z-index: 1; font-family: var(--font-title); font-size: 1.05rem; line-height: 1.72; color: rgba(255,255,255,.93); margin: 0 0 28px; } .testi-card.featured .testi-text { font-size: clamp(1.45rem,2.4vw,2.15rem); line-height: 1.35; max-width: 760px; } .testi-author { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; } .testi-avatar { width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-light), var(--gold)); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .86rem; color: var(--navy-900); flex-shrink: 0; box-shadow: 0 8px 24px rgba(0,0,0,.22); } .testi-name { font-weight: 700; font-size: .94rem; } .testi-role { margin-top: 3px; font-size: .78rem; color: var(--text-muted); } .testi-source { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--text-muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .09em; } .testi-source::before { content: 'G'; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #1a73e8; font-weight: 900; letter-spacing: 0; } .testi-live { margin-top: 10px; padding: 26px; border: 1px solid rgba(255,255,255,.08); border-radius: 28px; background: rgba(7,19,33,.46); box-shadow: 0 24px 70px rgba(0,0,0,.18); } .testi-live .ti-widget { margin: 0 !important; } .testi-actions { display: flex; justify-content: flex-end; margin-top: 22px; } @media (max-width: 720px) { .testi-live { padding: 14px; border-radius: 20px; } .testi-actions { justify-content: flex-start; } } /* Ils nous font confiance */ .clients { position: relative; padding: 118px 40px 112px; overflow: hidden; background: linear-gradient(180deg, #071321 0%, #0b1d34 100%); border-top: 1px solid rgba(255,255,255,.07); } .clients::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 0%, rgba(201,168,76,.12), transparent 36%); } .clients-inner { max-width: 1320px; margin: 0 auto; position:relative; z-index:1; } .clients-head { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:end; margin-bottom:54px; } .clients-copy { max-width:700px; } .clients-note { color:var(--text-muted); line-height:1.75; border-left:1px solid var(--gold-line); padding-left:24px; } .clients-proof { display:grid; grid-template-columns:1.05fr 1.95fr; gap:24px; } .clients-stat { min-height:230px; padding:34px; border-radius:28px; background:linear-gradient(145deg, rgba(201,168,76,.16), rgba(255,255,255,.03)); border:1px solid var(--gold-line); display:flex; flex-direction:column; justify-content:space-between; } .clients-stat strong { font-family:var(--font-title); font-size:clamp(3.7rem,7vw,6.4rem); line-height:.8; color:var(--gold-light); } .clients-stat span { color:var(--text-soft); line-height:1.5; max-width:250px; } .clients-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .client-logo { min-height:108px; padding:18px; border-radius:20px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.09); display:flex; align-items:center; justify-content:center; text-align:center; font-family:var(--font-title); color:rgba(255,255,255,.62); font-size:1rem; letter-spacing:.045em; transition:transform .3s ease, color .3s ease, border-color .3s ease, background .3s ease; } .client-logo:hover { transform:translateY(-4px); color:var(--gold-light); border-color:var(--gold-line); background:rgba(201,168,76,.07); } /* Prestations les plus demandées */ .popular-services{padding:112px 40px;background:linear-gradient(180deg,#071321,#0a1b31);border-top:1px solid rgba(255,255,255,.07)} .popular-services-inner{max-width:1320px;margin:0 auto}.popular-services-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:46px}.popular-services-note{color:var(--text-muted);line-height:1.75;border-left:1px solid var(--gold-line);padding-left:24px}.popular-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.popular-service{position:relative;min-height:270px;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);background-size:cover;background-position:center;box-shadow:0 18px 46px rgba(0,0,0,.2);transition:transform .3s ease,border-color .3s ease;appearance:none;-webkit-appearance:none;padding:0;text-align:left;font:inherit;cursor:pointer}.popular-service:hover,.popular-service:focus-visible{transform:translateY(-5px);border-color:var(--gold-line);outline:none}.popular-service:focus-visible{box-shadow:0 0 0 3px rgba(201,168,76,.28),0 18px 46px rgba(0,0,0,.2)}.popular-service::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,22,.08),rgba(5,12,22,.92) 82%)}.popular-service-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.popular-service-copy span{display:block;color:var(--gold-light);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.popular-service-copy strong{display:block;font-family:var(--font-title);font-size:1.35rem;line-height:1.08}.popular-services-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.home-universe-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end} .service-context-modal[hidden]{display:none!important}.service-context-modal{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;padding:24px}.service-context-backdrop{position:absolute;inset:0;background:rgba(2,8,16,.82);backdrop-filter:blur(8px)}.service-context-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(82vh,820px);overflow:auto;padding:34px;border-radius:28px;background:linear-gradient(145deg,#0c213d,#071321);border:1px solid var(--gold-line);box-shadow:0 36px 100px rgba(0,0,0,.55);color:#fff}.service-context-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:1.65rem;line-height:1;cursor:pointer}.service-context-close::before{content:'×';display:block}.service-context-kicker{display:block;margin-bottom:9px;color:var(--gold-light);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.service-context-dialog h2{margin:0 48px 10px 0;font-family:var(--font-title);font-size:clamp(2rem,4vw,3.1rem);line-height:1.08}.service-context-intro{margin:0 0 24px;color:var(--text-soft)}.service-context-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-context-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);text-decoration:none;color:#fff;transition:border-color .2s ease,background .2s ease,transform .2s ease}.service-context-link:hover,.service-context-link:focus-visible{border-color:var(--gold-line);background:rgba(201,168,76,.08);transform:translateY(-2px);outline:none}.service-context-link span{font-weight:700}.service-context-link strong{color:var(--gold-light);font-size:.75rem;text-align:right}.service-context-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px}.service-context-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--navy-900);font-size:.82rem;font-weight:900;text-decoration:none}.service-context-fallback{display:inline-block;color:var(--gold-light);font-size:.82rem;font-weight:700}.service-context-open{overflow:hidden} @media(max-width:980px){.popular-services-grid{grid-template-columns:repeat(2,1fr)}.popular-services-head{grid-template-columns:1fr;gap:18px}.popular-services-note{border-left:0;padding-left:0}.home-universe-actions{justify-content:flex-start}}@media(max-width:620px){.popular-services{padding:82px 18px}.popular-services-grid{grid-template-columns:1fr}.popular-service{min-height:240px}.service-context-modal{padding:14px}.service-context-dialog{padding:28px 18px 22px;border-radius:22px}.service-context-links{grid-template-columns:1fr}.service-context-link{min-height:64px}.service-context-dialog h2{font-size:2rem}.home-universe-actions{display:grid;width:100%}.home-universe-actions .btn{justify-content:center;width:100%}} /* Réalisations terrain documentées */ .field-proof{position:relative;padding:118px 40px 112px;overflow:hidden;background:linear-gradient(180deg,#071321 0%,#0b1d34 100%);border-top:1px solid rgba(255,255,255,.07)}.field-proof::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(201,168,76,.12),transparent 36%)}.field-proof-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}.field-proof-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:48px}.field-proof-note{color:var(--text-muted);line-height:1.75;border-left:1px solid var(--gold-line);padding-left:24px}.field-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field-proof-card{position:relative;min-height:390px;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);background-size:cover;background-position:center;box-shadow:0 24px 60px rgba(0,0,0,.24);transition:transform .35s ease,border-color .35s ease}.field-proof-card:hover{transform:translateY(-6px);border-color:var(--gold-line)}.field-proof-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:0}.field-proof-card::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,12,22,.08),rgba(4,12,22,.94) 78%)}.field-proof-copy{position:absolute;z-index:2;left:26px;right:26px;bottom:26px}.field-proof-copy span{display:block;color:var(--gold-light);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.field-proof-copy h3{font-family:var(--font-title);font-size:1.55rem;line-height:1.08;margin:0 0 10px}.field-proof-copy p{margin:0;color:rgba(255,255,255,.75);font-size:.84rem;line-height:1.6}.field-proof-actions{display:flex;justify-content:center;margin-top:30px}@media(max-width:900px){.field-proof-head{grid-template-columns:1fr;gap:18px}.field-proof-note{border-left:0;padding-left:0}.field-proof-grid{grid-template-columns:1fr}}@media(max-width:620px){.field-proof{padding:82px 18px}.field-proof-card{min-height:330px}} /* Final CTA premium */ .final-cta { position:relative; padding:150px 40px; overflow:hidden; background:#050c16; } .final-cta::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 45%, rgba(35,84,150,.38), transparent 34%), radial-gradient(circle at 22% 78%, rgba(201,168,76,.15), transparent 28%); } .final-cta::after { content:''; position:absolute; width:760px; height:760px; border:1px solid rgba(201,168,76,.15); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 80px rgba(201,168,76,.025),0 0 0 160px rgba(201,168,76,.018); pointer-events:none; } .fcta-inner { max-width:980px; margin:0 auto; text-align:center; position:relative; z-index:2; padding:76px 54px; border-radius:38px; background:linear-gradient(145deg, rgba(14,37,68,.84), rgba(7,19,33,.76)); border:1px solid var(--gold-line); box-shadow:0 38px 110px rgba(0,0,0,.45); backdrop-filter:blur(18px); } .fcta-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; color:var(--gold-light); font-size:.76rem; letter-spacing:.17em; text-transform:uppercase; font-weight:700; } .fcta-kicker::before,.fcta-kicker::after { content:''; width:38px; height:1px; background:var(--gold-line); } .fcta-inner h2 { font-size:clamp(2.8rem,6vw,5.8rem); line-height:.95; margin-bottom:24px; } .fcta-inner p { max-width:690px; margin:0 auto 34px; font-size:1.08rem; color:var(--text-soft); line-height:1.75; } .fcta-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; } .fcta-reassurance { display:flex; justify-content:center; flex-wrap:wrap; gap:16px 28px; margin-top:28px; color:var(--text-muted); font-size:.8rem; } .fcta-reassurance span::before { content:'✓'; color:var(--gold); margin-right:7px; } /* Expérience vidéo immersive */ .home-video { position: relative; padding: 126px 40px 116px; overflow: hidden; background: radial-gradient(circle at 75% 28%, rgba(201,168,76,.10), transparent 32%), radial-gradient(circle at 15% 75%, rgba(42,83,145,.24), transparent 38%), linear-gradient(180deg, var(--navy-900) 0%, #08182d 100%); } .home-video::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.025), transparent 24%); } .home-video-inner { position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); gap: clamp(48px,6vw,92px); align-items: center; } .home-video-copy { max-width: 520px; } .home-video-copy h2 { font-size: clamp(2.35rem,4.5vw,4.4rem); line-height: 1.02; margin: 16px 0 24px; } .home-video-copy p { color: var(--text-soft); font-size: 1.04rem; line-height: 1.8; } .video-proof-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 30px; } .video-proof { padding: 18px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.045); } .video-proof strong { display: block; color: var(--gold-light); font-family: var(--font-title); font-size: 1.55rem; line-height: 1; } .video-proof span { display: block; margin-top: 7px; color: var(--text-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; } .home-video-stage { position: relative; } .home-video-stage::before { content: ''; position: absolute; width: 78%; height: 72%; right: -5%; bottom: -9%; border-radius: 34px; border: 1px solid rgba(201,168,76,.18); transform: rotate(3deg); } .home-video-frame { position: relative; overflow: hidden; border-radius: 30px; border: 1px solid rgba(201,168,76,.42); box-shadow: 0 40px 90px rgba(0,0,0,.38), 0 0 0 8px rgba(255,255,255,.018); aspect-ratio: 16/10; background: #050b14; } .home-video-frame::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 55%, rgba(3,10,20,.52)); } .home-video-frame video, .home-video-frame img { width: 100%; height: 100%; display: block; object-fit: cover; } .home-video-badge { position: absolute; z-index: 2; left: 22px; bottom: 22px; padding: 10px 15px; border-radius: 999px; background: rgba(7,16,29,.76); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.16); color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .04em; } .video-float-card { position: absolute; z-index: 3; right: -24px; top: 34px; width: 190px; padding: 16px 18px; border-radius: 16px; background: rgba(12,31,57,.88); backdrop-filter: blur(16px); border: 1px solid var(--gold-line); box-shadow: 0 18px 50px rgba(0,0,0,.32); } .video-float-card strong { display: block; color: var(--gold-light); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 7px; } .video-float-card span { color: rgba(255,255,255,.88); font-size: .88rem; line-height: 1.45; } /* Conversion dock + cinematic micro-interactions */ .conversion-dock { position:fixed; left:50%; bottom:22px; z-index:80; width:min(920px,calc(100% - 32px)); transform:translate(-50%,140%); opacity:0; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 16px 14px 22px; border:1px solid rgba(201,168,76,.34); border-radius:22px; background:rgba(6,17,31,.88); backdrop-filter:blur(18px); box-shadow:0 24px 70px rgba(0,0,0,.4); transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease; } .conversion-dock.is-visible { transform:translate(-50%,0); opacity:1; } .conversion-dock-copy { display:flex; flex-direction:column; gap:3px; } .conversion-dock-copy strong { color:#fff; font-size:.92rem; } .conversion-dock-copy span { color:var(--text-muted); font-size:.76rem; } .conversion-dock-actions { display:flex; align-items:center; gap:10px; } .conversion-dock-link,.conversion-dock-phone { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 18px; border-radius:14px; text-decoration:none; font-size:.82rem; font-weight:700; white-space:nowrap; } .conversion-dock-link { background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#071321; box-shadow:0 10px 30px rgba(201,168,76,.2); } .conversion-dock-phone { color:#fff; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045); } .conversion-dock a:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; } [data-screen-label] { position:relative; } .univers-section,.events-gallery,.popular-services,.home-video,.process,.testimonials,.ambiance,.field-proof,.clients,.home-authority,.home-objectives,.home-faq,.final-cta { content-visibility:auto; contain-intrinsic-size:900px; } .popular-service[data-bg-src],.field-proof-card[data-bg-src]{background-color:#0b1b31;background-image:none;} .univers-card img,.eg-card img,.amb-tile img { will-change:transform; } @media (hover:hover) and (pointer:fine) { .btn,.univers-cta,.eg-arrow,.conversion-dock a { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease; } .btn:hover,.conversion-dock a:hover { transform:translateY(-2px); } } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } .conversion-dock { transform:translate(-50%,0); } } /* Responsive */ @media (max-width: 1024px) { .hero-inner { grid-template-columns: 1fr; gap: 40px; } .hero-form { max-width: 520px; } .trust-inner { grid-template-columns: repeat(3,1fr); } .trust-item:nth-child(3) { border-right: 0; } .trust-item:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.08); } .home-video-inner { grid-template-columns: 1fr; gap: 46px; } .home-video-copy { max-width: 720px; } .home-video-stage { max-width: 880px; } .univers-grid { grid-template-columns: 1fr; } .univers-card { min-height: 610px; } .process-grid { grid-template-columns: 1fr; gap: 24px; } .testi-head { grid-template-columns: 1fr; gap: 30px; } .testi-grid { grid-template-columns: 1fr; } .testi-card.featured { min-height: 430px; } .clients-head, .clients-proof { grid-template-columns: 1fr; gap: 34px; } .clients-strip { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 720px) { .hero { padding: 110px 20px 88px; } .hero-stats { gap: 22px; } .trust-bar { margin: -24px 14px 0; } .trust-inner { grid-template-columns: 1fr 1fr; border-radius: 16px; } .trust-item { min-height: 68px; padding: 13px 10px; font-size: .76rem; border-bottom: 1px solid rgba(255,255,255,.08); } .trust-item:nth-child(2n) { border-right: 0; } .trust-item:last-child { grid-column: 1 / -1; border-bottom: 0; } .home-video { padding: 92px 20px 76px; } .home-video-copy h2 { font-size: clamp(2.2rem,11vw,3.2rem); } .video-proof-grid { gap: 4px; } .video-proof { padding: 14px 6px; } .video-proof strong { font-size: 1.25rem; } .video-proof span { font-size: .62rem; } .home-video-stage { display:block !important; width:100%; max-width:100%; visibility:visible !important; opacity:1 !important; transform:none !important; } .home-video-frame { display:block !important; width:100%; min-height:0; border-radius:20px; aspect-ratio:16/10; visibility:visible !important; opacity:1 !important; } .home-video-frame video, .home-video-frame img { display:block !important; width:100% !important; height:100% !important; min-height:0; object-fit:cover; visibility:visible !important; opacity:1 !important; } .home-video-stage::before { display: none; } .video-float-card { right: 12px; top: 12px; width: 160px; padding: 12px 14px; } .home-video-badge { left: 14px; bottom: 14px; } .univers-section { padding: 88px 16px 94px; } .univers-head { margin-bottom: 42px; } .univers-card { min-height: 0; border-radius: 24px; } .univers-card::after { inset: 9px; border-radius: 18px; } .univers-content { position: relative; inset: auto; min-height: 650px; padding: 46px 28px 30px; display: flex; flex-direction: column; justify-content: flex-end; } .univers-topline { gap: 10px; align-items: center; flex-wrap: wrap; } .univers-index { flex: 1 1 120px; min-width: 0; font-size: .68rem; letter-spacing: .14em; } .univers-pill { flex: 0 0 auto; width: max-content; max-width: 100%; min-height: 38px; padding: 9px 12px; font-size: .72rem; line-height: 1; letter-spacing: .06em; white-space: nowrap; overflow: visible; overflow-wrap: normal; word-break: keep-all; text-overflow: clip; } .univers-card.corporate img { object-position: 50% 45%; } } @media (max-width: 460px) { .univers-topline { align-items: flex-start; } .univers-index { flex: 0 0 100%; } .univers-pill { flex: 0 0 auto; } } @media (max-width: 720px) { .univers-title { font-size: clamp(2.2rem,11vw,3.35rem); } .univers-desc { font-size: .9rem; } .process, .testimonials { padding: 82px 20px; } .testi-head { margin-bottom: 38px; } .testi-summary { padding-left: 18px; gap: 14px; } .testi-card, .testi-card.featured { padding: 28px 24px; border-radius: 22px; min-height: auto; } .testi-card.featured .testi-text { font-size: 1.35rem; } .clients { padding: 82px 18px; } .clients-strip { grid-template-columns: 1fr 1fr; } .client-logo { min-height: 90px; font-size: .84rem; } .clients-stat { min-height: 190px; } .final-cta { padding: 72px 16px 44px; } .fcta-inner { padding: 54px 22px; border-radius: 26px; } .fcta-inner h2 { font-size: clamp(2.45rem,12vw,4rem); } .conversion-dock { bottom:max(10px, env(safe-area-inset-bottom, 0px)); width:calc(100% - 20px); padding:10px; border-radius:18px; } .conversion-dock-copy { display:none; } .conversion-dock-actions { width:100%; } .conversion-dock-link { flex:1; min-height:50px; } .conversion-dock-phone { width:50px; min-width:50px; padding:0; font-size:0; } .conversion-dock-phone::before { content:'☎'; font-size:1.2rem; } body { padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px)); } } /* Accueil premium — contraste, rythme et profondeur */ .hero { min-height: 760px; display: grid; align-items: center; padding-top: 138px; padding-bottom: 112px; background: radial-gradient(circle at 12% 12%, rgba(52,112,196,.42), transparent 30%), radial-gradient(circle at 82% 22%, rgba(201,168,76,.20), transparent 28%), radial-gradient(circle at 68% 88%, rgba(20,52,92,.64), transparent 34%), linear-gradient(135deg,#06101e 0%,#0a1c34 48%,#071321 100%); } .hero::after { content:''; position:absolute; inset:76px 0 0; pointer-events:none; background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent); } .hero-inner { grid-template-columns:minmax(0,1.18fr) minmax(420px,500px); gap:30px; } .hero-inner > div:first-child { max-width:820px; } .hero h1 { font-size:clamp(2.8rem,5vw,5.2rem); line-height:.96; letter-spacing:-.04em; text-shadow:0 16px 50px rgba(0,0,0,.34); } .hero h1 em { color:var(--gold-light); text-shadow:0 10px 35px rgba(201,168,76,.16); } .hero .lead { max-width:720px; font-size:clamp(1.05rem,1.45vw,1.28rem); color:rgba(255,255,255,.82); } .hero-badge { background:rgba(7,19,33,.58); backdrop-filter:blur(12px); box-shadow:0 12px 34px rgba(0,0,0,.18); } .hero-actions .btn { min-height:52px; padding-inline:30px; } .hero-actions .btn-primary { box-shadow:0 18px 42px rgba(201,168,76,.28); } .hero-stats { gap:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid rgba(255,255,255,.09); border-radius:18px; overflow:hidden; padding:0; background:rgba(6,18,34,.46); backdrop-filter:blur(12px); } .hero-stat { padding:20px 18px; border-right:1px solid rgba(255,255,255,.08); } .hero-stat:last-child { border-right:0; } .hero-stat strong { font-size:2rem; } .hero-form { padding:36px 32px; background:linear-gradient(160deg,rgba(18,45,82,.92),rgba(7,20,38,.94)); border-color:rgba(232,201,106,.38); box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.03) inset; transform:translateY(10px); } .hf-head h3 { font-size:1.65rem; } .trust-inner { background:linear-gradient(135deg,rgba(12,31,56,.96),rgba(7,20,38,.96)); box-shadow:0 30px 80px rgba(0,0,0,.36); } .home-video { background: radial-gradient(circle at 18% 20%,rgba(201,168,76,.13),transparent 28%), linear-gradient(180deg,#f4efe5 0%,#e9dfce 100%); color:#071321; } .home-video .title,.home-video h2 { color:#071321; } .home-video .eyebrow { color:#9e772b; } .home-video-copy > p { color:#485363; } .home-video .video-proof { border-color:rgba(7,19,33,.12); background:#fff; } .home-video .video-proof span { color:#586270; } .home-video .btn-secondary { color:#071321; border-color:rgba(7,19,33,.24); } .home-video .btn-secondary:hover { border-color:#9e772b; color:#7f5e20; } .home-video-frame { box-shadow:0 40px 100px rgba(7,19,33,.32); border-color:rgba(126,91,29,.28); } .univers-section { background:linear-gradient(180deg,#06111f 0%,#0a1e37 52%,#06111f 100%); } .univers-card { min-height:700px; box-shadow:0 42px 110px rgba(0,0,0,.46); } .univers-card img { filter:saturate(1.05) contrast(1.04); } .events-gallery { background:radial-gradient(circle at 82% 12%,rgba(46,100,178,.16),transparent 28%),linear-gradient(180deg,#030810 0%,#081626 50%,#030810 100%); } .eg-card { border-color:rgba(255,255,255,.15); } .eg-card img { filter:brightness(.78) saturate(1.02) contrast(1.06); } .process { background:linear-gradient(180deg,#f6f1e8 0%,#e8decd 100%); color:#071321; } .process .title,.process .proc-t { color:#071321; } .process .lead,.process .proc-d,.process-signature span { color:#515d6d; } .process .proc-step { background:rgba(255,255,255,.66); border-color:rgba(7,19,33,.12); box-shadow:0 20px 55px rgba(7,19,33,.09); } .process .proc-step:hover { border-color:rgba(158,119,43,.4); } .testimonials { background:radial-gradient(circle at 16% 15%,rgba(201,168,76,.16),transparent 28%),linear-gradient(180deg,#091a30 0%,#06111f 100%); } .ambiance { background:linear-gradient(180deg,#030912 0%,#071321 100%); } .clients { background:linear-gradient(180deg,#f5efe4 0%,#ebe1d0 100%); color:#071321; } .clients .title { color:#071321; } .clients .lead,.clients p { color:#536070; } .client-logo { background:rgba(255,255,255,.62); border-color:rgba(7,19,33,.1); color:#263447; } .final-cta { background:linear-gradient(180deg,#071321 0%,#030810 100%); } @media(max-width:1024px){ .hero { min-height:720px; } .hero-inner { grid-template-columns:1fr; gap:48px; } .hero-inner > div:first-child { max-width:none; } .hero-form { transform:none; } } @media(max-width:720px){.hero-badge .pulse{animation:none!important;box-shadow:none!important}} @media(max-width:640px){ .hero { min-height:720px; padding-top:104px; padding-bottom:76px; } .hero::after { display:none; } .hero::before { background:linear-gradient(180deg,rgba(5,15,31,.18) 0%,rgba(5,15,31,.48) 100%); } .hero-badge,.hero-stats,.hero-form { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .hero-badge { box-shadow:none; background:rgba(7,19,33,.82); } .hero-stats { grid-template-columns:1fr 1fr; background:rgba(6,18,34,.82); } .hero-stat:nth-child(2) { border-right:0; } .hero-stat:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.08); } .hero h1 { font-size:clamp(2.35rem,11.5vw,3.65rem); font-family:Georgia,'Times New Roman',serif !important; font-display:swap; opacity:1 !important; visibility:visible !important; transform:none !important; animation:none !important; transition:none !important; text-rendering:optimizeSpeed; text-shadow:none; } .hero h1 em { font-family:inherit !important; text-shadow:none; } .hero-form { padding:28px 20px; box-shadow:0 14px 34px rgba(0,0,0,.28); } .univers-card { min-height:590px; } } .trustindex-lite{position:relative;z-index:3;padding:0 40px;background:var(--navy-900)} .trustindex-lite-inner{max-width:var(--container);margin:0 auto;padding:15px 22px;border:1px solid var(--gold-line);border-radius:16px;background:rgba(9,24,45,.92);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--shadow-sm)} .trustindex-lite-inner strong{color:var(--gold-light);font-family:Georgia,'Times New Roman',serif;font-size:1rem} .trustindex-lite-inner span{color:var(--text-soft);font-size:.84rem} @media(max-width:640px){.trustindex-lite{padding:0 16px}.trustindex-lite-inner{padding:12px 14px;flex-wrap:wrap;gap:6px 10px;text-align:center}} /* Accessibilité */ .univers-card:focus-visible, .eg-card:focus-visible, .amb-tile:focus-visible, .btn:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .fade-up { opacity: 1 !important; transform: none !important; } }