:root{--navy:#0b2438;--gold:#b68b45;--ivory:#f7f3eb;--paper:#fffdf8;--ink:#173146;--muted:#617384;--line:#dfe4e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.section{padding:78px 0}.alt{background:var(--ivory)}.dark{background:var(--navy);color:white}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;color:var(--gold)}
.btn{display:inline-block;padding:13px 19px;border-radius:4px;font-weight:700;border:1px solid var(--navy)}.primary{background:var(--navy);color:white}.light{background:white;color:var(--navy)}
header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid #e8e2d8;box-shadow:0 3px 14px rgba(11,36,56,.05)}.nav{min-height:82px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.mark{width:46px;height:46px;border:1px solid var(--navy);display:grid;place-items:center;font:700 1.35rem Georgia;position:relative}
.mark:after{content:"";position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.brand small{display:block;color:var(--muted)}nav{display:flex;gap:18px;font-size:.88rem}.menu{display:none;background:transparent;border:1px solid var(--navy);border-radius:4px;color:var(--navy);font-size:1.35rem;line-height:1;padding:9px 11px;cursor:pointer}
.hero{background:linear-gradient(120deg,#faf7f0,#fff 58%,#e6edf1)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;min-height:640px}
.hero h1{font-size:clamp(3rem,6vw,5.7rem);margin:.1em 0;color:var(--navy);letter-spacing:-.05em}.hero h1 span{display:block;color:var(--gold)}
.lead{font-size:1.1rem;color:#425868}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.cred{display:flex;gap:20px;flex-wrap:wrap}.cred div{border-left:2px solid var(--gold);padding-left:12px}.cred strong{display:block;font-family:Georgia}
.visual{min-height:470px;background:linear-gradient(145deg,#f9fbfc,#dbe5eb);box-shadow:0 20px 55px rgba(11,36,56,.12);display:flex;align-items:flex-end;padding:45px;position:relative}
.visual:before{content:"TRADUCTION EXPERTE";position:absolute;right:24px;top:24px;letter-spacing:.18em;font:700 .75rem Georgia}.books{width:100%;display:grid;gap:10px}.book{background:linear-gradient(#173d5a,#0b2338);color:#d7b26a;padding:18px 24px;border-left:6px solid var(--gold);font-family:Georgia;box-shadow:0 12px 24px #0002}
.quote{background:var(--navy);color:white;text-align:center;padding:13px;font-family:Georgia;font-style:italic}.title{font-size:clamp(2rem,4vw,3.5rem);margin:.15em 0 .7em}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:white;border:1px solid #e8e2d8;padding:28px;box-shadow:0 7px 25px #0b24380b}.card h3{font-size:1.3rem}.icon{font-size:1.65rem;color:var(--navy)}
.lang{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.lang:last-child{border:0}.arrow{margin-left:auto;color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat{text-align:center;padding:24px;border-right:1px solid #ffffff22}.stat:last-child{border:0}.stat strong{display:block;color:#d7b26a;font:700 2rem Georgia}
.cta{background:var(--navy);color:white;padding:55px 0}.cta-row{display:flex;justify-content:space-between;gap:30px;align-items:center}
form{background:white;border:1px solid #e8e2d8;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}
label{font-weight:700;font-size:.88rem}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd5da;border-radius:4px}textarea{min-height:145px}
footer{padding:32px 0}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:15px;flex-wrap:wrap;font-size:.82rem}
.note{background:#f5f2eb;border:1px solid #e4ded3;padding:22px}.muted{color:var(--muted)}
@media(max-width:900px){.nav{position:relative}.nav-cta{display:none}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border:1px solid #e8e2d8;box-shadow:0 12px 25px #0b24381a;padding:10px 4%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px 0;border-bottom:1px solid var(--line)}nav a:last-child{border-bottom:0}.hero-grid,.g2,.g3,.cta-row,.footer{grid-template-columns:1fr;display:grid}.g4{grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:auto;padding:45px 0}}
@media(max-width:600px){.g4,.stats,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.brand small{display:none}}

.lang-switch{white-space:nowrap;font-weight:700;color:var(--muted);margin-left:4px}.lang-switch a{padding:0 2px}.lang-switch .active-lang{color:var(--gold)}
@media(max-width:900px){nav .lang-switch{padding:12px 0;display:block;border-top:1px solid var(--line);margin:0}nav .lang-switch a{display:inline;border:0;padding:0 4px}}

/* V9 — acquisition & SEO */
.service-link{display:block;height:100%;transition:transform .18s ease,box-shadow .18s ease}.service-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0b243816}.service-link .more{display:inline-block;margin-top:10px;font-weight:700;color:var(--navy)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trust>div{background:white;padding:24px}.trust strong{display:block;font-family:Georgia;font-size:1.15rem;color:var(--navy)}
.prose{max-width:820px}.prose h2{font-size:2rem;margin-top:1.5em}.prose h3{font-size:1.3rem;margin-top:1.4em}.prose ul{padding-left:1.2rem}.prose li{margin:.45rem 0}.kicker{font-size:1.08rem;color:#425868;max-width:850px}.mini-cta{margin-top:22px}.steps{counter-reset:step}.steps .card{position:relative;padding-left:68px}.steps .card:before{counter-increment:step;content:counter(step);position:absolute;left:24px;top:26px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:700}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;color:var(--navy)}.faq p{margin-bottom:0}.pill{display:inline-block;border:1px solid #d8c59f;background:#fbf7ee;padding:5px 10px;border-radius:99px;font-size:.8rem;margin:3px}.page-hero{padding:70px 0;background:linear-gradient(120deg,#faf7f0,#fff 60%,#e9eff2)}.page-hero .title{max-width:900px}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.related a{border:1px solid var(--line);padding:8px 11px;border-radius:4px;background:white;font-weight:700;font-size:.86rem}
@media(max-width:900px){.trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.trust{grid-template-columns:1fr}.steps .card{padding-left:28px;padding-top:66px}.steps .card:before{top:24px}}

/* V10 — direction visuelle */
.visual{overflow:hidden;border:1px solid #e4ddd1;box-shadow:0 18px 45px #0b243818;background:#fff;min-height:0}
.visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}
.service-link{overflow:hidden;padding:0 28px 28px}
.service-img{display:block;width:calc(100% + 56px);height:145px;object-fit:cover;margin:0 -28px 22px;border-bottom:1px solid #e8e2d8}
.page-visual{float:right;width:min(44%,520px);margin:0 0 24px 42px;border:1px solid #e4ddd1;box-shadow:0 12px 30px #0b243812;overflow:hidden}
.page-visual img{display:block;width:100%;height:230px;object-fit:cover}
@media(max-width:900px){.visual img{min-height:260px}.page-visual{float:none;width:100%;max-width:none;margin:0 0 28px}.page-visual img{height:240px}}
@media(max-width:600px){.g4{grid-template-columns:1fr}.service-img{height:175px}.visual img{min-height:210px}.page-visual img{height:190px}}

/* V10.1 — finition */
.service-link h3{margin-top:0}.service-link p{margin-bottom:.6rem}

/* V10.2 — hero mobile plus compact */
@media(max-width:600px){
  .visual{padding:32px 28px 24px}
  .visual:before{top:10px;right:18px;font-size:.66rem}
  .visual img{min-height:170px;max-height:185px}
}