:root {
  --ink:#0e0e0e; --ink-2:#2a2a2a; --ink-3:#5a5a5a;
  --smoke:#f5f4f1; --paper:#fafaf8; --white:#ffffff;
  --accent-2:#c8a96e; --rule:#e2e0da;
  --green:#2d6a4f; --green-bg:#f0f7f4;
  --serif:'DM Serif Display', Georgia, serif;
  --sans:'DM Sans', system-ui, sans-serif;
  --r-sm:6px; --r-md:12px; --r-lg:20px;
  --shadow:0 1px 3px rgba(0,0,0,0.07), 0 4px 16px rgba(0,0,0,0.05);
  --shadow-lg:0 2px 8px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.10);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
.container { max-width:1120px; margin:0 auto; padding:0 32px; }
.container.full { max-width:80%; margin:0 auto; padding:0px; }
.section { padding:96px 0; }
.section.nopadding { padding-top:0rem!important;}
.section.nopadding.nopaddingbottom { padding-bottom:2rem!important;}
.nomarginbottom {margin: 16px auto 14px;}
.margintop {margin-top: 4rem;}
.section--alt { background:var(--smoke); }

.tag { display:inline-block; font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-3); border:1px solid var(--rule); border-radius:100px; padding:4px 14px; background:var(--white); }
.tag--green { color:var(--green); background:var(--green-bg); border-color:#b7d9ca; }
.tag--gold  { color:#7a5a1a; background:#faf4e8; border-color:#e8d7a8; }

.btn-primary { display:inline-block; background:#2161ff; color:var(--white); padding:14px 28px; border-radius:var(--r-md); font-size:14px; font-weight:500; font-family:var(--sans); border:none; cursor:pointer; transition:all 0.2s; }
.btn-primary:hover { background:var(--ink-2); transform:translateY(-1px); box-shadow:var(--shadow); }
.btn-outline { display:inline-block; background:transparent; color:#2161ff; padding:13px 27px; border-radius:var(--r-md); font-size:14px; font-weight:500; border:1.5px solid #2161ff; cursor:pointer; transition:all 0.2s; font-family:var(--sans); }
.btn-outline:hover { border-color:var(--ink); background:var(--white); }
.btn-ghost-light { display:inline-block; color:var(--white); padding:13px 27px; border-radius:var(--r-md); font-size:14px; font-weight:500; border:1.5px solid rgba(255,255,255,0.18); transition:all 0.2s; }
.btn-ghost-light:hover { background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.35); }

/* ===== NAV ===== */
nav { position:fixed; top:0; left:0; right:0; height:64px; background:rgba(250,250,248,0.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--rule); z-index:1000; }
.nav-inner { max-width:1120px; height:100%; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; }
.nav-logo { display:flex; align-items:center; gap:10px; font-family:var(--serif); font-size:20px; color:var(--ink); letter-spacing:-0.01em; }
.nav-logo span { color:var(--accent-2); }
.nav-logo-mark { display:inline-block; width:28px; height:28px; background:var(--ink); border-radius:7px; position:relative; }
.nav-logo-mark::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; border:1.5px solid var(--accent-2); border-radius:50%; }
.nav-links { display:flex; align-items:center; gap:4px; }
.nav-links > li { position:relative; }
.nav-links > li > a, .nav-links > li > button { display:flex; align-items:center; gap:5px; padding:8px 14px; font-size:14px; font-weight:500; color:var(--ink-2); background:none; border:none; cursor:pointer; font-family:var(--sans); border-radius:var(--r-sm); transition:all 0.2s; }
.nav-links > li > a:hover, .nav-links > li > button:hover { color:var(--ink); background:rgba(0,0,0,0.04); }
.chev { font-size:9px; opacity:0.5; }
.dropdown { position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-50%) translateY(8px); width:340px; background:var(--white); border:1px solid var(--rule); border-radius:var(--r-md); box-shadow:var(--shadow-lg); padding:10px; opacity:0; visibility:hidden; transition:all 0.2s; }
.nav-links > li:hover > .dropdown { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.dd-item { display:flex; gap:12px; padding:12px 14px; border-radius:var(--r-sm); transition:background 0.15s; }
.dd-item:hover { background:var(--smoke); }
.dd-icon { flex-shrink:0; width:36px; height:36px; background:var(--smoke); border:1px solid var(--rule); border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; font-size:16px; }
.dd-title { font-size:14px; font-weight:600; color:var(--ink); margin-bottom:2px; }
.dd-body { font-size:12.5px; color:var(--ink-3); line-height:1.5; }
.mini-tag { display:inline-block; font-size:9px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#7a5a1a; background:#faf4e8; border:1px solid #e8d7a8; padding:1px 6px; border-radius:100px; margin-left:4px; vertical-align:1px; }
.btn-nav { justify-self:end; background:#2161ff; color:#fafaf8; padding:10px 18px; border-radius:var(--r-sm); font-size:13px; font-weight:500; transition:all 0.2s; }
.btn-nav:hover { background:var(--ink-2); transform:translateY(-1px); }

/* ===== HERO ===== */
.hero {
  padding:148px 0 88px;
  background:var(--white);
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--rule);
}
.hero::before { content:''; position:absolute; top:-100px; right:-150px; width:600px; height:600px; background:radial-gradient(circle, rgba(200,169,110,0.14) 0%, transparent 65%); pointer-events:none; }
.hero::after { content:''; position:absolute; bottom:-200px; left:-200px; width:600px; height:600px; background:radial-gradient(circle, rgba(45,106,79,0.08) 0%, transparent 65%); pointer-events:none; }
.hero-inner { max-width:1120px; margin:0 auto 4rem auto; padding:0 32px; position:relative; text-align:center; }
.hero h1 {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(42px, 6vw, 72px);
  line-height:1.04;
  letter-spacing:-0.02em;
  margin:24px auto 22px;
  max-width:900px;
}
.hero h1 em { color:#2161ff; }
.hero-sub {
  font-size:18px;
  color:var(--ink-3);
  line-height:1.6;
  max-width:620px;
  margin:0 auto 36px;
}
.hero-cta { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.hero-cta-left { display:flex; gap:12px; justify-content:left; flex-wrap:wrap;margin-top:2rem;}
.trust-row {
  display:flex;
  gap:28px;
  justify-content:center;
  margin-top:44px;
  padding-top:32px;
  border-top:1px solid var(--rule);
  flex-wrap:wrap;
}
.trust-item {
  font-size:13px;
  color:var(--ink-3);
  display:flex;
  align-items:center;
  gap:8px;
}
.trust-item strong { color:var(--ink); font-weight:600; }

/* ===== VALUES ===== */
.section-header { text-align:center; margin-bottom:56px; }
.section-title {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(32px, 4vw, 48px);
  line-height:1.1;
  letter-spacing:-0.015em;
  margin:16px auto 14px;
  max-width:640px;
}
.section-title em { color:#2161ff; }
.section-sub { font-size:16px; color:var(--ink-3); max-width:560px; margin:0 auto; }

.value-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.value-grid-portfolio{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.value-card {
  background:var(--white);
  border:1px solid var(--rule);
  border-radius:var(--r-md);
  padding:32px 28px;
  transition:all 0.25s;
}
.value-card2 {
  background:var(--white);
  border:1px solid var(--rule);
  border-radius:var(--r-md);
  padding:32px 28px;
  transition:all 0.25s;
}

.value-card-portfolio {
  background:var(--white);
  border:1px solid var(--rule);
  border-radius:var(--r-md);
  padding:0px;
  transition:all 0.25s;
}
.value-card-portfolio img{	
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
  padding: 0px;
  transition: all 0.25s;
  max-height:400px;
}
.value-card:hover { border-color:var(--ink-3); transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.value-icon {
  width:44px; height:44px;
  background:var(--smoke);
  border:1px solid var(--rule);
  border-radius:var(--r-sm);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-bottom:20px;
}
.value-card h3 {
  font-family:var(--serif);
  font-weight:400;
  font-size:22px;
  line-height:1.2;
  margin-bottom:10px;
}
.value-card p { font-size:14px; color:var(--ink-3); line-height:1.65; }

/* ===== PROCESS ===== */
.process-grid {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  margin-top:24px;
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.process-step {
  padding:36px 28px;
  border-right:1px solid var(--rule);
  position:relative;
}

.process-step:last-child { border-right:none; }
.process-num {
  font-family:var(--serif);
  font-size:44px;
  color:#2161ff;
  line-height:1;
  margin-bottom:18px;
  display:block;
}
.process-step h3 { font-size:16px; font-weight:600; margin-bottom:8px; color:var(--ink); }
.process-step p { font-size:13.5px; color:var(--ink-3); line-height:1.6; }
.process-step .step-time {
  display:inline-block;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--ink-3);
  background:var(--smoke);
  padding:3px 10px;
  border-radius:100px;
  margin-top:12px;
  border:1px solid var(--rule);
}

/* ===== SPLIT FORM SECTION ===== */
.split-section {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
  border:1px solid var(--rule);
  margin-top: -9rem;
  margin-bottom: 5rem;
  z-index: 30;
  position: relative;
}
.split-section-infos {
  display:flex;
  grid-template-columns:1fr 1.1fr;
  gap:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
  border:1px solid var(--rule);
  margin-top: 0rem;
  margin-bottom: 5rem;
  z-index: 30;
  position: relative;  flex-direction: row;

}
.split-section-full {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--rule);
}
.split {
  background:#2161ff;
  color:var(--white);
  padding:56px 48px;
  position:relative;
  overflow:hidden;
  background:url("../img/MeParis.png") no-repeat;
  min-height:700px;
  background-size:cover;
}
.split-left {
  background:#2161ff;
  color:var(--white);
  padding:56px 48px;
  position:relative;
  overflow:hidden;
}
.split-left::before { content:''; position:absolute; top:-150px; right:-150px; width:450px; height:450px; background:radial-gradient(circle, rgba(200,169,110,0.16) 0%, transparent 65%); pointer-events:none; }
.split-left > * { position:relative; }
.split-left .tag { background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.14); color:#c5c5c5; }
.split-left h2 {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(30px, 3.5vw, 40px);
  line-height:1.1;
  letter-spacing:-0.015em;
  margin:20px 0 18px;
}
.split-left h2 em { color:var(--accent-2); font-style:italic; }
.split-left > p { font-size:15px; color:#b5b5b5; line-height:1.65; margin-bottom:32px; max-width:400px; }
.split-right {
  background:url("../img/MeParis2.png") no-repeat;
  background-size:cover!important;
  padding:56px 48px;
}
.split-right2 {
  background-size:cover!important;
  padding:56px 48px;
  background:#fafaf8;
  text-align:center;
}
.split-right-full {
    background: none;
    background-size: cover!important;
    padding: 0px 0px;
    height: 750px;
}

.split-right-full.width{
	height: 900px!important;
}
.split-right-full img{
	width:100%!important;    
}
.brief-check {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 36px;
}
.brief-check2 {
  list-style:none;
  display:flex;
  flex-direction:row;
  gap:12px;
  margin:2rem  0 36px;
}
.brief-check li {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:#2161ffd5d5d5;
}
.brief-check2 li {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:#2161ff;
}
.brief-check li::before {
  content:'✓';
  width:22px; height:22px;
  flex-shrink:0;
  background:rgba(200,169,110,0.15);
  border:1px solid rgba(200,169,110,0.35);
  color:var(--accent-2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}
.brief-check2 li::before {
  content:'✓';
  width:22px; height:22px;
  flex-shrink:0;
  background:rgba(200,169,110,0.15);
  border:1px solid rgba(200,169,110,0.35);
  color:var(--accent-2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}
.quick-stats {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.quick-stat {
  font-size:12px;
  color:#c5c5c5;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
  padding:8px 14px;
  border-radius:100px;
}
.quick-stat2 {
  font-size:12px;
  color:#2161ff;
  background:rgba(255,255,255,0.05);
  border:1px solid #2161ff;
  padding:8px 14px;
  border-radius:100px;
}
.quick-stat2::before { content:''; position:absolute; top:-200px; right:-100px; width:600px; height:600px; background:radial-gradient(circle, rgba(200,169,110,0.12) 0%, transparent 65%); pointer-events:none; }

.quick-stat-portfolio {
  font-size:12px;
  color:dimgrey;
  background:rgba(255,255,255,0.05);
  border:1px solid dimgrey;
  padding:8px 14px;
  border-radius:100px;
}
.quick-stat strong { color:var(--white); font-weight:600; }


.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-field-wrap { margin-bottom:16px; }
.form-field-wrap.full { grid-column:1 / -1; }
.form-label { display:block; font-size:12px; font-weight:600; color:var(--ink-3); margin-bottom:7px; letter-spacing:0.02em; }
.form-field {
  width:100%;
  background:var(--paper);
  border:1.5px solid var(--rule);
  border-radius:var(--r-sm);
  padding:12px 14px;
  font-family:var(--sans);
  font-size:14px;
  color:var(--ink);
  transition:all 0.2s;
}
.form-field:focus {
  outline:none;
  border-color:var(--ink);
  background:var(--white);
}
.form-field::placeholder { color:#a5a5a5; }
select.form-field {
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5a5a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
}
textarea.form-field { resize:vertical; min-height:100px; font-family:var(--sans); }
.submit-btn {
  width:100%;
  background:var(--ink);
  color:var(--white);
  padding:16px 24px;
  border:none;
  border-radius:var(--r-md);
  font-size:14px;
  font-weight:600;
  font-family:var(--sans);
  cursor:pointer;
  margin-top:8px;
  transition:all 0.2s;
}
.submit-btn:hover { background:var(--ink-2); transform:translateY(-1px); box-shadow:var(--shadow); }
.fine-print { font-size:12px; color:var(--ink-3); text-align:center; margin-top:16px; line-height:1.55; }

/* ===== INFO SECTION SPLIT ===== */
.pro {
	color: #231E39;
	background-color: #FEBB0B;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 7px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.buttons{
	margin-top:1rem;
}
.round {
	border: 1px solid #2161ff;
	border-radius: 50%;
	padding: 7px;
}

button.primary {
	background-color: #03BFCB;
	border: 1px solid #03BFCB;
	border-radius: 3px;
	color: #231E39;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	padding: 10px 25px;
}

button.primary.ghost {
	background-color: transparent;
	color: #02899C;
}

.skills {
	background-color: #fafaf8;
	text-align: center;
	padding: 15px;
	margin-top: 30px;
	color:#2161ff;
}

.skills ul {
	text-align:center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.skills ul li {
	border: 1px solid #2161ff;
	border-radius: var(--r-sm);
	display: inline-block;
	font-size: 12px;
	margin: 0 7px 7px 0;
	padding: 7px;
}
/* ===== FAQ ===== */
.faq-list { max-width:760px; margin:0 auto; }
.faq-item {
  background:var(--white);
  border:1px solid var(--rule);
  border-radius:var(--r-md);
  margin-bottom:12px;
  overflow:hidden;
  transition:all 0.2s;
}
.faq-item:hover { border-color:var(--ink-3); }
.faq-item summary {
  padding:22px 28px;
  font-size:15.5px;
  font-weight:500;
  color:var(--ink);
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after {
  content:'+';
  font-size:22px;
  font-weight:300;
  color:var(--ink-3);
  transition:transform 0.2s;
  flex-shrink:0;
}
.faq-item[open] summary::after { transform:rotate(45deg); }
.faq-item .faq-body {
  padding:0 28px 24px;
  font-size:14.5px;
  color:var(--ink-3);
  line-height:1.7;
}

/* ===== SOCIAL PROOF ===== */
.stats-strip {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:0;
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.stat-block {
  text-align:center;
  padding:48px 24px;
  border-right:1px solid var(--rule);
}
.stat-block:last-child { border-right:none; }
.stat-num {
  font-family:var(--serif);
  font-size:clamp(36px, 4vw, 52px);
  line-height:1;
  color:var(--accent-2);
  margin-bottom:10px;
}
.stat-label {
  font-size:12px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--ink-3);
}

/* ===== FINAL CTA ===== */
.cta-final {
  background:#2161ff;
  color:var(--white);
  padding:120px 0;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.cta-final::before { content:''; position:absolute; top:-200px; right:-100px; width:600px; height:600px; background:radial-gradient(circle, rgba(200,169,110,0.12) 0%, transparent 65%); pointer-events:none; }
.cta-final::after { content:''; position:absolute; bottom:-200px; left:-100px; width:500px; height:500px; background:radial-gradient(circle, rgba(45,106,79,0.08) 0%, transparent 65%); pointer-events:none; }
.cta-final-inner { position:relative; max-width:720px; margin:0 auto; padding:0 32px; }
.cta-final h2 {
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(36px, 5vw, 56px);
  line-height:1.08;
  letter-spacing:-0.015em;
  margin-bottom:18px;
}
.cta-final h2 em { color:var(--accent-2); }
.cta-final p { font-size:17px; color:#b5b5b5; margin-bottom:36px; max-width:520px; margin-left:auto; margin-right:auto; }
.cta-final-buttons { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cta-final .btn-primary { background:var(--white); color:var(--ink); }
.cta-final .btn-primary:hover { background:#f0f0ee; }
/* ===== GALLERY ===== */
@media (min-width: 768px){
.md\:px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.container-gallery {
  width: 100%;
}
@media (min-width: 992px){
.lg\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}}
.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex {
  display: flex;
}
footer.flex {
  display: flex;
  background:transparent!important;
  color: #606f7b;
}
  @media (min-width: 992px){
.lg\:w-1\/3 {
  width: 33.33333%!important;
}}
  @media (min-width: 992px){
.lg\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}}
  @media (min-width: 992px){
.lg\:my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}}
  @media (min-width: 768px){
.md\:w-1\/2 {
  width: 50%;
}}
.w-full {
  width: 100%;
}
.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.shadow-lg {
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-lg {
  border-radius: .5rem;
}
.rounded-full {
  border-radius: 9999px;
}
	
.text-sm {
  font-size: .875rem;
}
.ml-2 {
  margin-left: .5rem;
}
.no-underline {
  text-decoration: none;
}
.text-grey-darker {
  color: #606f7b;
}
article, aside, footer, header, nav, section {
  display: block;
}
.w-full {
  width: 100%;
}
.h-auto {
  height: auto;
}
.block {
  display: block;
}
  @media (min-width: 768px){
.md\:p-4 {
  padding: 1rem;
}}
.p-2 {
  padding: .5rem;
}
.leading-tight {
  line-height: 1.25;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
/* ===== FOOTER ===== */
footer { background:var(--ink); color:#b8b8b8; padding:80px 0 32px; position:relative; overflow:hidden; border-top:1px solid rgba(255,255,255,0.06); }
footer::before { content:''; position:absolute; bottom:-300px; left:-200px; width:700px; height:700px; pointer-events:none; }
.footer-inner { max-width:1120px; margin:0 auto; padding:0 32px; position:relative; }
.footer-top { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:48px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,0.08); }
.footer-logo { display:flex; align-items:center; gap:10px; font-family:var(--serif); font-size:22px; color:var(--white); margin-bottom:16px; }
.footer-logo span { color:var(--accent-2); }
.footer-logo .nav-logo-mark { background:var(--white); }
.footer-logo .nav-logo-mark::before { border-color:var(--accent-2); }
.footer-tagline { font-size:13.5px; line-height:1.65; color:#888; max-width:320px; }
.footer-col h4 { font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--white); margin-bottom:20px; }
.footer-col ul { display:flex; flex-direction:column; gap:12px; }
.footer-col a { font-size:13.5px; color:#888; transition:color 0.2s; }
.footer-col a:hover { color:var(--white); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:32px; flex-wrap:wrap; gap:16px; }
.footer-copy { font-size:12.5px; color:#666; }
.footer-social { display:flex; gap:10px; }
.footer-social a { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.1); border-radius:var(--r-sm); font-size:13px; color:#888; transition:all 0.2s; }
.footer-social a:hover { color:var(--white); border-color:rgba(255,255,255,0.3); }
	
/* ===== GRID ===== */	
.ds-grid {
    z-index: 2;
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    place-items: center stretch;
    display: grid;
    position: relative;
    margin-bottom: 5rem!important;
	padding-bottom: 3rem!important;
	border-bottom:1px solid var(--rule);
}

.w-node-_3fe515aa-2e07-1e22-9731-3690ead37cea-628bff5d {
	grid-area: span 1/span 1/span 1/span 1;
	place-self: center;
}
.w-node-_3fe515aa-2e07-1e22-9731-3690ead37cea-628bff5d img{
	max-width:90%;
}
.w-node-_1cb52a33-9938-af88-46a5-2346c4ea2c0d-628bff5d {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: end;
}
.w-node-_1cb52a33-9938-af88-46a5-2346c4ea2c0d-628bff5d img{
	max-width:90%;
}
.w-node-_3fbd4c4b-761f-b345-59fb-2ad9dbb5f022-628bff5d {
    grid-area: span 1/span 1/span 1/span 1;
    place-self: start;
}
.w-node-_3fbd4c4b-761f-b345-59fb-2ad9dbb5f022-628bff5d img{
	max-width:90%;
}

/* PALETTE */
    body .list-palete > .palete {width: 20%;margin: 2.5%;float: left;}
	.list-palete > .palete--round,
	.list-palete > .palete--square{height: 240px;background:white!important;border-radius:1rem;}
    .palete {border-radius: 5px;background-color: transparent;border: 1px solid #ccc;}
    .palete-color {position: relative;}
    .palete-color,
    .palete-color__square {height: 50px;}
    .secondaryPalette .palete-color__square {width: 100%;float: left;}
    .palete-color__square {width: 100%;float: left;}
	.palete-color__square2 {width: 30%!important;float: left;}
    .palete-color__lighten {-webkit-border-top-left-radius: 1rem;-moz-border-radius-topleft: 1rem;border-top-left-radius: 1rem;-webkit-border-top-right-radius: 1rem;-moz-border-radius-top-right: 1rem;border-top-right-radius: 1rem;}
    .palete-color__darken {float: right;-webkit-border-top-right-radius: 1rem;-moz-border-radius-topright: 1rem;border-top-right-radius: 1rem;}
    .palete-color__content {padding: 1rem;color: #a9abab;}
    .palete-color__name {padding-top:1rem;padding-bottom:0rem;font-size: 16px;font-weight: medium;color: #444545;margin-top:0rem;margin-bottom:0rem;font-family: 'Gilroy-Bold ☞', sans-serif!important;}
    .palete-color__code {font-size: 16px;line-height: .8em;text-transform: uppercase;display:inline-block!important;position:relative;font-family: 'Khula Regular', sans-serif;}
    
    /* Round */
    .palete--round {border-radius: 50%;text-align: center;}
    .palete--round .palete-color {height: 50%;}
    .palete--round .palete-color__square {height: 100%;}
    .palete--round .palete-color__lighten {border-top-left-radius: 100%;}
    .palete--round .palete-color__square.palete-color__lighten:hover {
      -webkit-border-radius: 1000px 1000px 0 0;
      -moz-border-radius: 1000px 1000px 0 0;
      border-radius: 1000px 1000px 0 0;
      /* Border-radius Greater or equal to width*/
    }
    .palete--round .palete-color__darken {border-top-right-radius: 100%;}
    .palete--round .palete-color__square.palete-color__darken:hover {
      -webkit-border-radius: 1000px 1000px 0 0;
      -moz-border-radius: 1000px 1000px 0 0;
      border-radius: 1000px 1000px 0 0;
      /* Border-radius Greater or equal to width*/
    }
    /* Square */
    .palete--square {} /* must set a height */
    .palete--square .palete-color {height: 50%;}
    .palete--square .palete-color__square {height: 100%;}
    .palete--square .palete-color__content {padding-top: 18px;}
    .palete--square .palete-color__code {line-height: 1.4;}
    .palete--square .palete-color__code:last-child {display: block;}
	.list-palete2 {width: 100%;float: left;margin-bottom:4rem;}
	.list-palete2 > .palete{width: 5%;margin: 2.5%;margin-left: 2.5%;float: left;}
	.list-palete {width: 100%;float: left;padding-top: 0rem;border-bottom: 1px solid var(--rule);margin-bottom:4rem;}
	.list-palete > .palete {width: 20%;margin: 2.5%;float: left;}
	.list-palete > .palete--round,
	.list-palete > .palete--square{height: 240px;background:white;border-radius:1rem;}
	.list-palete2 > .palete--round,
	.list-palete2 > .palete--square{height: 103px;}
	.examples { float: left;width: 340px;margin: 0 20px;}
	.example {margin: 40px auto;}
	.example--rectangle {width: 200px;}
	.example--round {width: 200px;height: 200px;}
	.example--square {width: 200px;height: 200px;}
    
    .palete-color--traceblue > .palete-color__lighten {background-color: #477AB0;}
    .palete-color--traceblue > .palete-color__darken {background-color: #477AB0;}
    .palete-color--traceorange > .palete-color__lighten {background-color: #dd782a;}
    .palete-color--traceorange > .palete-color__darken {background-color: #d45c00;}
    .palete-color--tracered > .palete-color__lighten {background-color: #C1533D;}
    .palete-color--tracered > .palete-color__darken {background-color: #C1533D;}
    .palete-color--tracegreen > .palete-color__lighten {background-color: #01662b;}
    .palete-color--tracegreen > .palete-color__darken {background-color: #01662b;}
    .palete-color--paleflesh > .palete-color__lighten {background-color: #f7d7cc;}
    .palete-color--paleflesh > .palete-color__darken {background-color: #e3c0b4;}
    .palete-color--flesh > .palete-color__lighten {background-color: #d8ab9e;}
    .palete-color--flesh > .palete-color__darken {background-color: #d79885;}
    .palete-color--suntan > .palete-color__lighten {background-color: #bfa59f;}
    .palete-color--suntan > .palete-color__darken {background-color: #bb9288;}
    .palete-color--grapefruit > .palete-color__lighten {background-color: #ed5565;}
    .palete-color--grapefruit > .palete-color__darken {background-color: #da4453;}
    .palete-color--amokred > .palete-color__lighten {background-color: #fc6e51;}
    .palete-color--amokred > .palete-color__darken {background-color: #e9573f;}
    .palete-color--turquoise > .palete-color__lighten {background-color: #619bb3;}
    .palete-color--turquoise > .palete-color__darken {background-color: #3b6c81;}
    .palete-color--amokyellow > .palete-color__lighten {background-color: #fff200;}
    .palete-color--amokyellow > .palete-color__darken {background-color: #fffba8;}
    .palete-color--amokorange > .palete-color__lighten {background-color: #f99b1c;}
    .palete-color--amokorange > .palete-color__darken {background-color: #c17713;}
    .palete-color--violet > .palete-color__lighten {background-color: #d677db;}
    .palete-color--violet > .palete-color__darken {background-color: #be4dc4;}
    .palete-color--bittersweet > .palete-color__lighten {background-color: #fc6e51;}
    .palete-color--bittersweet > .palete-color__darken {background-color: #e9573f;}
    .palete-color--sunflower > .palete-color__lighten {background-color: #ffce54;}
    .palete-color--sunflower > .palete-color__darken {background-color: #fcbb42;}
    .palete-color--grass > .palete-color__lighten {background-color: #a0d468;}
    .palete-color--grass > .palete-color__darken {background-color: #8cc152;}
    .palete-color--mint > .palete-color__lighten {background-color: #48cfad;}
    .palete-color--mint > .palete-color__darken {background-color: #37bc9b;}
    .palete-color--paleYellow > .palete-color__lighten {background-color: #e3e3be;}
    .palete-color--paleYellow > .palete-color__darken {background-color: #ffffe7;}
    .palete-color--gold > .palete-color__lighten {background-color: #f0b75e;}
    .palete-color--gold > .palete-color__darken {background-color: #dba552;}
    .palete-color--deepBrown > .palete-color__lighten {background-color: #3d2307;}
    .palete-color--deepBrown > .palete-color__darken {background-color: #2a1804;}
    .palete-color--nbared > .palete-color__lighten {background-color: #ed3b02;}
    .palete-color--nbared > .palete-color__darken {background-color: #be360a;}
    .palete-color--nbablue > .palete-color__lighten {background-color: #1d54ef;}
    .palete-color--nbablue > .palete-color__darken {background-color: #1442c1;}
    .palete-color--playersReds > .palete-color__lighten {background-color: #eb7d84;}
    .palete-color--playersReds > .palete-color__darken {background-color: #982b1c;}
    .palete-color--playersYellow > .palete-color__lighten {background-color: #f7c870;}
    .palete-color--playersYellow > .palete-color__darken {background-color: #fae5cf;}
    .palete-color--playersFlesh > .palete-color__lighten {background-color: #d3481a;}
    .palete-color--playersFlesh > .palete-color__darken {background-color: #ff9849;}
    .palete-color--rayred > .palete-color__lighten {background-color: #fb1212;}
    .palete-color--rayred > .palete-color__darken {background-color: #fb1212;}
    .palete-color--rayblue > .palete-color__lighten {background-color: #0000a4;}
    .palete-color--rayblue > .palete-color__darken {background-color: #0000a4;}
    .palete-color--rayyellow > .palete-color__lighten {background-color: #fdc00f;}
    .palete-color--rayyellow > .palete-color__darken {background-color: #fdc00f}
    .palete-color--raygreen > .palete-color__lighten {background-color: #4a5c29;}
    .palete-color--raygreen > .palete-color__darken {background-color: #1c2d46;}
    .palete-color--w2green > .palete-color__lighten {background-color: #c5cc2e;}
    .palete-color--w2green > .palete-color__darken {background-color: #a8ae1f;}
    .palete-color--corp > .palete-color__lighten {background-color: #003399;}
    .palete-color--corp > .palete-color__darken {background-color: #003399;}
    .palete-color--corpYellow > .palete-color__lighten {background-color: #ffed00;}
    .palete-color--corpYellow > .palete-color__darken {background-color: #ffed00;}
    .palete-color--corpLightGrey > .palete-color__lighten {background-color: #c5c6c8;}
    .palete-color--corpLightGrey > .palete-color__darken {background-color: #c5c6c8;}
    .palete-color--corpDeepGrey > .palete-color__lighten {background-color: #646567;}
    .palete-color--corpDeepGrey > .palete-color__darken {background-color: #646567;}
    .palete-color--myIC > .palete-color__lighten {background-color: #163d68;}
    .palete-color--myIC > .palete-color__darken {background-color: #102d4d;}
    .palete-color--myIC2 > .palete-color__lighten {background-color: #7293a6;}
    .palete-color--myIC2 > .palete-color__darken {background-color: #35637d;}
    .palete-color--myIC3 > .palete-color__lighten {background-color: #d6dfe4;}
    .palete-color--myIC3 > .palete-color__darken {background-color: #98bbcf;}
    .palete-color--w2g > .palete-color__lighten {background-color: #1e5382;}
    .palete-color--w2g > .palete-color__darken {background-color: #123b5f;}
    .palete-color--darkBlue > .palete-color__lighten {background-color: #132033;}
    .palete-color--darkBlue > .palete-color__darken {background-color: #1b2637;}
    .palete-color--cyan > .palete-color__lighten {background-color: #32bdf5;}
    .palete-color--cyan > .palete-color__darken {background-color: #1b81aa;}
    .palete-color--ocre > .palete-color__lighten {background-color: #b18f46;}
    .palete-color--ocre > .palete-color__darken {background-color: #997a38;}
    .palete-color--black > .palete-color__lighten {background-color: #070707;}
    .palete-color--black > .palete-color__darken {background-color: #232323;}
    .palete-color--yellow > .palete-color__lighten {background-color: #dab92b;}
    .palete-color--yellow > .palete-color__darken {background-color: #c0a324;}
    .palete-color--purple > .palete-color__lighten {background-color: #864388;}
    .palete-color--purple > .palete-color__darken {background-color: #623064;}
    .palete-color--green > .palete-color__lighten {background-color: #4aa370; }
    .palete-color--green > .palete-color__darken {background-color: #348155;}
    .palete-color--yellow2 > .palete-color__lighten {background-color: #ffea00;}
    .palete-color--yellow2 > .palete-color__darken {background-color: #348155;}
    .palete-color--symposiumblue > .palete-color__lighten {background-color: #2d7cbf;}
    .palete-color--symposiumblue > .palete-color__darken {background-color: #2066a1;}
    .palete-color--white > .palete-color__lighten {background-color: #E9E7E7;}
    .palete-color--white > .palete-color__darken {background-color: #B4B4B4;}
    .palete-color--cyanBlue > .palete-color__lighten {background-color: #43a5df;}
    .palete-color--cyanBlue > .palete-color__darken {background-color: #3696cf;}
    .palete-color--deepBlue > .palete-color__lighten {background-color: #3276b7;}
    .palete-color--deepBlue > .palete-color__darken {background-color: #2c669d;}
    .palete-color--blue-jeans > .palete-color__lighten {background-color: #5d9cec;}
    .palete-color--blue-jeans > .palete-color__darken {background-color: #4a89dc;}
    .palete-color--lavender > .palete-color__lighten {background-color: #ac92ec;}
    .palete-color--lavender > .palete-color__darken {background-color: #967adc;}
    .palete-color--pink-rose > .palete-color__lighten {background-color: #ec87c0;}
    .palete-color--pink-rose > .palete-color__darken {background-color: #d770ad;}
    .palete-color--light-gray > .palete-color__lighten {background-color: #f5f7fa;}
    .palete-color--light-gray > .palete-color__darken {background-color: #e6e9ed;}
    .palete-color--medium-gray > .palete-color__lighten {background-color: #ccd1d9;}
    .palete-color--medium-gray > .palete-color__darken {background-color: #aab2bd;}
    .palete-color--dark-gray > .palete-color__lighten {background-color: #656d78;}
    .palete-color--dark-gray > .palete-color__darken {background-color: #434a54;}
    .palete-color--peugeotblue > .palete-color__lighten {background-color: #219dee;}
    .palete-color--peugeotblue > .palete-color__darken {background-color: #219dee;}
    .palete-color--peugeotdark > .palete-color__lighten {background-color: #132033;}
    .palete-color--peugeotdark > .palete-color__darken {background-color: #132033;}
    .palete-color--council > .palete-color__lighten {background-color: #224191;}
    .palete-color--council > .palete-color__darken {background-color: #224191;}
    .palete-color--council > .palete-color__lighten {background-color: #224191;}
    .palete-color--councildark > .palete-color__darken {background-color: #224191;}
    .palete-color--instantPayYellow > .palete-color__lighten {background-color: #fdf4ce;}
    .palete-color--instantPayYellow > .palete-color__darken {background-color: #fdf4ce;}
    .palete-color--instantPayBlue > .palete-color__lighten {background-color: #cad8ec;}
    .palete-color--instantPayBlue > .palete-color__darken {background-color: #cad8ec;}
    .palete-color--olive > .palete-color__lighten {background-color: #7b815e;}
	.leftfirst {margin-left: 0%!important;}
    .left {margin-left:0px!important;}


/* ===== RESPONSIVE ===== */
@media (max-width:1100px) {}
.split-right-full {background: none;background-size: cover!important;padding: 0px 0px;height: 100%;}
.split-right-full img {width: 100%!important;height: 100%;}
}
@media (max-width:960px) {
  .value-grid { grid-template-columns:1fr; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-step { border-right:none; border-bottom:1px solid var(--rule); }
  .process-step:nth-child(odd) { border-right:1px solid var(--rule); }
  .process-step:nth-last-child(-n+2) { border-bottom:none; }
  .split-section { grid-template-columns:1fr; }
  .split-left, .split-right { padding:44px 36px; }
  .stats-strip { grid-template-columns:1fr 1fr; }
  .stat-block { border-right:none; border-bottom:1px solid var(--rule); padding:36px 16px; }
  .stat-block:nth-child(odd) { border-right:1px solid var(--rule); }
  .stat-block:nth-last-child(-n+2) { border-bottom:none; }
  .footer-top { grid-template-columns:1fr 1fr; gap:40px; }
  .footer-brand { grid-column:1 / -1; }
  .split-right {display:none;}
  .-mx-1 {margin-left: 10rem;margin-right: 10rem;margin-top: 2rem;}
  .w-full {width: 100%;}
  .rounded-lg {border-radius: .5rem;margin-top: 2rem;}
}
@media (max-width:900px) {
  .ds-grid{grid-template-columns: 1fr;text-align:center;}
  .hero-cta-left {display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;margin-top: 2rem;}
  .w-node-_1cb52a33-9938-af88-46a5-2346c4ea2c0d-628bff5d {grid-area: span 1/span 1/span 1/span 1;place-self: center;}
  .w-node-_3fbd4c4b-761f-b345-59fb-2ad9dbb5f022-628bff5d {grid-area: span 1/span 1/span 1/span 1;place-self: center;}
  .-mx-1 {margin-left: 8rem;margin-right: 8rem;margin-top: 2rem;}
  .split {min-height: 500px;
}
@media (max-width:800px) {
.-mx-1 {margin-left: 5rem;margin-right: 5rem;margin-top: 2rem;}
.split-section-infos {flex-direction: column;}
.split-right2 {text-align: left;}
.skills {text-align: left;padding: 0px}
.skills ul {text-align: left;}
}

@media (max-width:640px) {
  .nav-links { display:none; }
  .nav-inner { grid-template-columns:1fr auto; }
  .container { padding:0 20px; }
  .section { padding:64px 0; }
  .hero { padding:120px 0 64px; }
  .hero-inner { padding:0 20px; }
  .process-grid { grid-template-columns:1fr; }
  .process-step { border-right:none !important; border-bottom:1px solid var(--rule); }
  .process-step:last-child { border-bottom:none; }
  .split {min-height: 300px;}
  .split-left, .split-right { padding:36px 28px; }
  .split-right { display:none;padding: 32px 28px;}
  .split-right2 { padding: 32px 28px;}
  .split-section {display: grid;grid-template-columns: 1fr;}
  .value-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 20px;}
  .form-grid { grid-template-columns:1fr; }
  .stats-strip { grid-template-columns:1fr; }
  .stat-block { border-right:none !important; border-bottom:1px solid var(--rule); }
  .stat-block:last-child { border-bottom:none; }
  .cta-final { padding:80px 0; }
  .footer-top { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .ds-grid{grid-template-columns: 1fr;text-align:center;grid-row-gap: 1rem;}
  .hero-cta-left {display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;margin-top: 2rem;}
  .-mx-1 {margin-left: 0rem;margin-right: 0rem;margin-top: 2rem;}
  .px-1 {margin-top: 2rem;}
  .list-palete > .palete {margin: 1rem auto 0px auto;float: left;width: 47%!important;margin-left: 0rem !important;margin-right: 3% !important;}
  .brief-check2 {flex-direction: column;text-align:center;}
}