:root {
  --ink: #15162f;
  --indigo: #5c5ceb;
  --indigo-dark: #3f3fc0;
  --coral: #ff6c5d;
  --acid: #d9ff68;
  --teal: #137862;
  --paper: #f7f6f0;
  --surface: #fff;
  --lavender: #ecebff;
  --muted: #666978;
  --line: rgba(21,22,47,.14);
  /* LES DEUX POLICES DU SITE, DEFINIES ICI ET NULLE PART AILLEURS.
     Avant le 15/08/2026, home-2026.css les redefinissait autrement :
     var(--sans) valait « Segoe UI » sur une page et « Instrument Sans »
     sur une autre, selon l'ordre de chargement des feuilles. */
  --sans: "Instrument Sans", "Segoe UI", Arial, sans-serif;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
}
html { scroll-padding-top: 100px; }
body { overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.6; }
.announcement { display: flex; min-height: 35px; align-items: center; justify-content: center; gap: 10px; padding: 6px 20px; background: var(--ink); color: rgba(255,255,255,.78); font-size: 10px; font-weight: 700; }
.announcement > span { padding: 3px 7px; border-radius: 999px; background: var(--acid); color: var(--ink); font-size: 8px; text-transform: uppercase; }
.announcement a { color: #fff; text-underline-offset: 3px; }
.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid var(--line); background: rgba(247,246,240,.88); backdrop-filter: blur(18px); }
.nav-wrap { display: flex; width: min(1380px, calc(100% - 48px)); min-height: 78px; align-items: center; justify-content: space-between; margin: auto; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 820; letter-spacing: -.04em; text-decoration: none; }
.brand em { color: var(--indigo); font-style: normal; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: linear-gradient(135deg, #7b62ed, var(--indigo)); }
.brand-mark svg { width: 22px; fill: #fff; }
.site-menu { display: flex; align-items: center; gap: 27px; font-size: 10px; font-weight: 750; }
.site-menu a { text-decoration: none; }
.site-menu > a:not(.nav-cta):hover { color: var(--indigo); }
.nav-login { margin-left: 10px; padding-left: 24px; border-left: 1px solid var(--line); }
.nav-cta { display: inline-flex; min-height: 44px; align-items: center; gap: 22px; padding: 0 16px; border-radius: 10px; background: var(--ink); color: #fff; }
.hero { padding: 100px 3vw 0; overflow: hidden; background: radial-gradient(circle at 73% 12%, rgba(92,92,235,.16), transparent 25%), linear-gradient(var(--paper), #eeeeff 92%, var(--ink) 92%); }
.hero-grid { display: grid; width: min(1380px, 100%); min-height: 690px; grid-template-columns: .9fr 1.1fr; gap: 6vw; align-items: center; margin: auto; }
.eyebrow { margin: 0 0 20px; color: var(--indigo); font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.hero-copy > .eyebrow { display: flex; align-items: center; gap: 10px; }
.hero-copy > .eyebrow span { width: 25px; height: 1px; background: currentColor; }
h1, h2 { margin: 0; letter-spacing: -.065em; line-height: .94; }
h1 { font-size: clamp(70px, 7.8vw, 126px); }
h1 em, h2 em { color: var(--indigo); font-family: var(--serif); font-weight: 400; }
.hero-lead { max-width: 650px; margin: 30px 0; color: var(--muted); font-size: 16px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 28px; padding: 0 21px; border: 1px solid transparent; border-radius: 11px; font-size: 10px; font-weight: 850; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.button--primary { background: var(--coral); color: #fff; box-shadow: 0 18px 40px -20px rgba(255,108,93,.8); }
.button--ghost { border-color: var(--line); background: rgba(255,255,255,.5); }
.button--dark { background: var(--ink); color: #fff; }
.button--light { background: #fff; color: var(--ink); }
.trust-list { display: flex; gap: 25px; margin: 32px 0 0; padding: 0; color: var(--muted); font-size: 9px; font-weight: 700; list-style: none; }
.trust-list li::before { margin-right: 7px; color: var(--teal); content: "✓"; }
.hero-product { --pointer-x: 50%; --pointer-y: 50%; position: relative; min-width: 0; }
.hero-product::before { position: absolute; top: -12%; right: -14%; width: 68%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--acid), rgba(217,255,104,.3) 48%, transparent 70%); content: ""; filter: blur(2px); }
.browser-frame { position: relative; overflow: hidden; border: 7px solid var(--ink); border-radius: 23px; background: #fff; box-shadow: 0 44px 90px -42px rgba(21,22,47,.7); transform: rotate(1.5deg); }
.browser-bar { display: flex; height: 43px; align-items: center; gap: 6px; padding: 0 12px; background: var(--ink); color: rgba(255,255,255,.65); }
.browser-bar > span { width: 8px; height: 8px; border-radius: 50%; background: var(--coral); }
.browser-bar > span:nth-child(2) { background: #ffd352; }
.browser-bar > span:nth-child(3) { background: #53c681; }
.browser-bar p { flex: 1; margin: 0 10px; padding: 5px 12px; border-radius: 6px; background: rgba(255,255,255,.1); font-size: 8px; }
.browser-bar b { color: var(--acid); font-size: 8px; }
.browser-image { display: block; height: 520px; }
.browser-image img { width: 100%; height: 100%; object-fit: cover; }
.browser-copy { position: absolute; inset: 43px 0 0; display: flex; justify-content: flex-end; padding: 55px; background: linear-gradient(90deg, rgba(31,13,8,.65), transparent 78%); color: #fff; flex-direction: column; }
.browser-copy span { color: #ffda71; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.browser-copy strong { margin: 10px 0 22px; font-size: clamp(42px, 5vw, 77px); letter-spacing: -.065em; line-height: .88; text-transform: uppercase; }
.browser-copy button { width: fit-content; padding: 12px 16px; border: 0; background: #fff; color: var(--ink); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.selection-box { position: absolute; top: 45%; left: 7%; width: 63%; height: 30%; border: 2px solid var(--indigo); pointer-events: none; }
.selection-box i { position: absolute; width: 8px; height: 8px; border: 2px solid #fff; background: var(--indigo); }
.selection-box i:nth-child(1) { top: -5px; left: -5px; }.selection-box i:nth-child(2) { top: -5px; right: -5px; }.selection-box i:nth-child(3) { right: -5px; bottom: -5px; }.selection-box i:nth-child(4) { bottom: -5px; left: -5px; }
.selection-box span { position: absolute; top: -30px; left: -2px; padding: 4px 8px; border-radius: 5px; background: var(--indigo); color: #fff; font-size: 8px; font-weight: 750; }
.floating-card { position: absolute; z-index: 3; padding: 14px 16px; border: 1px solid rgba(255,255,255,.7); border-radius: 13px; background: rgba(255,255,255,.9); box-shadow: 0 18px 50px -25px rgba(21,22,47,.55); backdrop-filter: blur(15px); }
.floating-card span, .floating-card strong { display: block; }
.floating-card > span { color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.floating-card > strong { margin-top: 3px; font-size: 12px; }
.floating-card--brief { top: 9%; left: -8%; min-width: 130px; }.floating-card--brief i { position: absolute; top: 13px; right: 13px; color: var(--teal); font-style: normal; }
.floating-card--team { right: -7%; bottom: 3%; min-width: 175px; }.floating-card--team div { display: flex; margin: 9px 0 7px; }.floating-card--team i { display: grid; width: 28px; height: 28px; place-items: center; margin-right: -5px; border: 2px solid #fff; border-radius: 50%; background: var(--indigo); color: #fff; font-size: 8px; font-style: normal; }.floating-card--team i:nth-child(2){background:var(--coral)}.floating-card--team i:nth-child(3){background:var(--teal)}.floating-card--team i:nth-child(4){background:var(--ink)}
.floating-card--edit { right: -3%; bottom: 32%; background: var(--acid); }.floating-card--edit i { position: absolute; top: 14px; right: 13px; font-style: normal; }
.hero-metrics { display: grid; width: min(1380px, 100%); grid-template-columns: repeat(4,1fr); margin: 95px auto 0; background: var(--ink); color: #fff; }
.hero-metrics div { padding: 32px 3vw; border-right: 1px solid rgba(255,255,255,.15); }
.hero-metrics strong, .hero-metrics span { display: block; }.hero-metrics strong { color: var(--acid); font: 400 28px/1 var(--serif); }.hero-metrics span { margin-top: 8px; color: rgba(255,255,255,.58); font-size: 9px; }
.contrast-band { display: grid; grid-template-columns: 1fr auto 1fr; background: var(--ink); color: #fff; }
.contrast-band > div:not(.contrast-vs) { min-height: 240px; padding: 50px 7vw; }
.contrast-old { opacity: .52; }
.contrast-band span { font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.contrast-band strong { display: block; margin: 14px 0 5px; font-size: clamp(30px, 3.2vw, 52px); letter-spacing: -.05em; }.contrast-new strong { color: var(--acid); }.contrast-band p { max-width: 480px; margin: 0; color: rgba(255,255,255,.58); font-size: 12px; }.contrast-vs { display: grid; width: 90px; place-items: center; border-right: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.3); font: italic 400 22px/1 var(--serif); }
.section { width: min(1320px, calc(100% - 48px)); margin: auto; padding: 140px 0; }
.section-heading { display: grid; grid-template-columns: 1.25fr .55fr; gap: 8vw; align-items: end; }
.section-heading h2, .method h2, .team-head h2, .faq-title h2 { font-size: clamp(55px, 6vw, 94px); }
.section-heading > p { margin: 0; color: var(--muted); font-size: 14px; }
.offer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; margin-top: 70px; }
.offer-card { position: relative; padding: 10px 24px 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.offer-card--featured { border: 2px solid var(--indigo); transform: translateY(-16px); box-shadow: 0 30px 70px -45px rgba(63,63,192,.65); }.offer-card--premium { background: var(--ink); color: #fff; }.offer-flag { position: absolute; z-index: 2; top: 17px; right: 17px; padding: 6px 9px; border-radius: 999px; background: var(--acid); font-size: 8px; font-weight: 850; text-transform: uppercase; }
.offer-image { position: relative; display: block; height: 250px; margin: 0 -14px; overflow: hidden; border-radius: 13px; }.offer-image::after { position: absolute; inset: 0; background: linear-gradient(transparent, rgba(0,0,0,.55)); content:""; }.offer-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }.offer-image:hover img { transform: scale(1.03); }.offer-image span { position: absolute; z-index: 2; right: 15px; bottom: 13px; color: #fff; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.offer-title { display: grid; grid-template-columns: 1fr auto; align-items: end; margin-top: 24px; }.offer-title p { grid-column: 1/-1; margin: 0; color: var(--indigo); font-size: 8px; font-weight: 850; text-transform: uppercase; }.offer-card--premium .offer-title p { color: var(--acid); }.offer-title h3 { margin: 7px 0 0; font-size: 32px; letter-spacing: -.05em; }.offer-title > span { color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.offer-desc { min-height: 70px; margin: 17px 0; color: var(--muted); font-size: 12px; }.offer-card--premium .offer-desc, .offer-card--premium .offer-title > span { color: rgba(255,255,255,.55); }.offer-price { display: flex; align-items: baseline; gap: 8px; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.offer-card--premium .offer-price { border-color: rgba(255,255,255,.15); }.offer-price strong { font-size: 30px; letter-spacing: -.04em; }.offer-price span { color: var(--muted); font-size: 9px; }.offer-card--premium .offer-price span { color: rgba(255,255,255,.55); }
.offer-card ul { min-height: 170px; margin: 20px 0; padding: 0; color: var(--muted); font-size: 11px; list-style: none; }.offer-card li { margin: 9px 0; }.offer-card li::before { margin-right: 8px; color: var(--teal); content:"✓"; }.offer-card--premium ul { color: rgba(255,255,255,.62); }.offer-card--premium li::before { color: var(--acid); }.offer-actions { display: grid; grid-template-columns: auto 1fr; gap: 8px; }.offer-actions a { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--line); border-radius: 9px; font-size: 9px; font-weight: 850; text-decoration: none; text-transform: uppercase; }.offer-actions .choose { border-color: transparent; background: var(--indigo); color: #fff; }.offer-card--premium .offer-actions a:first-child { border-color: rgba(255,255,255,.2); }.offer-card--premium .offer-actions .choose { background: var(--acid); color: var(--ink); }
.comparison { margin-top: 45px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }.comparison summary { display: flex; min-height: 66px; align-items: center; justify-content: space-between; padding: 0 24px; cursor: pointer; font-size: 12px; font-weight: 800; list-style: none; }.comparison summary span { font-size: 22px; font-weight: 400; }.comparison[open] summary span { transform: rotate(45deg); }.table-scroll { overflow-x: auto; }.comparison table { width: 100%; min-width: 700px; border-collapse: collapse; }.comparison th, .comparison td { padding: 15px 22px; border-top: 1px solid var(--line); font-size: 10px; text-align: center; }.comparison th:first-child, .comparison td:first-child { width: 46%; text-align: left; }.comparison th { background: var(--lavender); font-size: 9px; text-transform: uppercase; }
.method { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; padding: 135px 7vw; background: var(--lavender); }.method-intro { align-self: center; }.method-intro > p:not(.eyebrow) { max-width: 540px; color: var(--muted); }.method-intro .button { margin-top: 25px; }.method-steps { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }.method-steps li { display: grid; min-height: 142px; grid-template-columns: 55px 1fr auto; gap: 24px; align-items: center; border-bottom: 1px solid var(--line); }.method-steps > li > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #fff; color: var(--indigo); font-size: 9px; font-weight: 850; }.method-steps h3 { margin: 0 0 5px; font-size: 18px; }.method-steps p { margin: 0; color: var(--muted); font-size: 11px; }.method-steps b { color: var(--indigo); font: italic 400 15px/1 var(--serif); }
.editor-demo { display: grid; grid-template-columns: 330px 1fr; min-height: 690px; margin-top: 65px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: 0 35px 80px -55px rgba(21,22,47,.55); }.editor-panel { padding: 24px; border-right: 1px solid var(--line); background: #f7f7fb; }.panel-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: 10px; font-weight: 800; }.panel-top b { color: var(--teal); font-size: 8px; }.panel-group { padding: 22px 0; border-bottom: 1px solid var(--line); }.panel-group > p { margin: 0 0 12px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.editor-swatches { display: flex; gap: 9px; }.editor-swatches button { width: 31px; height: 31px; border: 3px solid #fff; border-radius: 8px; outline: 1px solid var(--line); background: var(--sw); cursor: pointer; }.editor-swatches button.active { outline: 2px solid var(--ink); }.font-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.font-buttons button { min-height: 42px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 9px; cursor: pointer; }.font-buttons button.active { border-color: var(--indigo); color: var(--indigo); }.structure-row { display: grid; width: 100%; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; margin-top: 6px; padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; text-align: left; cursor: grab; }.structure-row span { color: var(--muted); }.structure-row b { font-size: 9px; }.structure-row small { color: var(--teal); font-size: 7px; }.panel-note { padding: 15px; border-radius: 8px; background: var(--lavender); color: var(--indigo-dark); font-size: 9px; }.editor-canvas { --demo-accent: #e85a3c; min-width: 0; padding: 28px; background: #e8e8ef; }.canvas-bar { display: flex; height: 42px; align-items: center; gap: 6px; padding: 0 12px; border-radius: 12px 12px 0 0; background: var(--ink); color: #fff; }.canvas-bar span { width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }.canvas-bar span:nth-child(2) { background: #ffd65c; }.canvas-bar span:nth-child(3) { background: #5bd083; }.canvas-bar p { flex: 1; margin: 0 10px; padding: 5px 10px; border-radius: 5px; background: rgba(255,255,255,.1); color: rgba(255,255,255,.6); font-size: 8px; }.canvas-bar button { border: 0; background: transparent; color: rgba(255,255,255,.7); font-size: 8px; }.editable-site { min-height: 580px; background: #fffdf6; }.editable-nav { display: flex; min-height: 70px; align-items: center; justify-content: space-between; padding: 0 4vw; border-bottom: 1px solid rgba(0,0,0,.1); }.editable-nav strong { font: italic 400 17px/1 var(--serif); }.editable-nav span { font-size: 8px; font-weight: 750; }.editable-hero { position: relative; display: flex; min-height: 510px; align-items: flex-start; justify-content: center; padding: 80px 7vw; overflow: hidden; background: radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--demo-accent) 48%, white), transparent 28%), linear-gradient(135deg, #fff8e9, #f5e0b6); flex-direction: column; }.editable-hero::after { position: absolute; right: -12%; bottom: -28%; width: 55%; aspect-ratio: 1; border-radius: 50%; background: var(--demo-accent); content:""; opacity:.92; }.editable-hero > * { position: relative; z-index: 1; }.editable-hero > p { color: var(--demo-accent); font-size: 8px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.editable-hero h3 { max-width: 650px; margin: 12px 0 27px; padding: 5px; font: 400 clamp(42px, 5.3vw, 78px)/.96 var(--serif); letter-spacing: -.055em; outline: 2px solid var(--indigo); outline-offset: 5px; }.editor-canvas.font-sans .editable-hero h3 { font-family: var(--sans); font-weight: 750; }.editable-hero h3:focus { outline: 3px solid var(--indigo); background: rgba(255,255,255,.65); }.edit-hint { position: absolute; top: 50px; left: 7vw; padding: 5px 8px; border-radius: 4px; background: var(--indigo); color: #fff; font-size: 7px; font-weight: 750; }.editable-hero > button { padding: 13px 17px; border: 0; background: var(--demo-accent); color: #fff; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.team-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; padding: 140px 7vw; background: var(--ink); color: #fff; }.team-head { align-self: center; }.team-head .eyebrow { color: var(--acid); }.team-head > p:last-child { max-width: 470px; color: rgba(255,255,255,.55); }.team-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.15); }.team-grid article { min-height: 230px; padding: 28px; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }.team-grid article > span { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); font-size: 8px; font-weight: 850; }.team-grid h3 { margin: 48px 0 8px; font-size: 17px; }.team-grid p { margin: 0; color: rgba(255,255,255,.52); font-size: 11px; }
.guarantee-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 65px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.guarantee-grid article { min-height: 280px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.guarantee-grid article > span { color: var(--indigo); font-size: 9px; font-weight: 850; }.guarantee-grid h3 { margin: 85px 0 10px; font-size: 19px; letter-spacing: -.03em; }.guarantee-grid p { margin: 0; color: var(--muted); font-size: 11px; }
.faq { display: grid; grid-template-columns: .72fr 1.28fr; gap: 9vw; }.faq-title { position: sticky; top: 115px; height: fit-content; }.faq-title > a { display: inline-block; margin-top: 30px; font-size: 10px; font-weight: 800; text-underline-offset: 5px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 15px; font-weight: 750; list-style: none; }.faq-list summary span { color: var(--indigo); font-size: 22px; font-weight: 400; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { margin: -8px 55px 25px 0; color: var(--muted); font-size: 12px; }
.final-cta { margin: 0 3vw 3vw; padding: 90px 7vw; border-radius: 25px; background: radial-gradient(circle at 80% 20%, rgba(217,255,104,.22), transparent 25%), var(--indigo); color: #fff; }.final-cta > p { margin: 0 0 18px; color: rgba(255,255,255,.62); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.final-cta h2 { max-width: 1000px; font-size: clamp(67px, 9.8vw, 150px); line-height: .82; }.final-cta h2 em { color: var(--acid); }.final-cta > div { display: flex; gap: 30px; align-items: center; margin-top: 45px; }.final-cta > div > a:not(.button) { color: #fff; font-size: 10px; font-weight: 800; text-underline-offset: 5px; }
.site-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 70px 5vw 105px; background: var(--ink); color: #fff; }.brand--footer { color: #fff; }.footer-main p { max-width: 330px; color: rgba(255,255,255,.5); font-size: 11px; }.footer-links { display: grid; grid-template-columns: repeat(2,1fr); }.footer-links div { display: flex; gap: 8px; flex-direction: column; }.footer-links span { margin-bottom: 8px; color: var(--acid); font-size: 8px; font-weight: 800; text-transform: uppercase; }.footer-links a { color: rgba(255,255,255,.65); font-size: 11px; text-decoration: none; }.footer-bottom { display: flex; grid-column: 1/-1; justify-content: space-between; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.4); font-size: 8px; }
@media (max-width: 1100px) { .hero-grid { grid-template-columns: 1fr; }.hero-copy { max-width: 900px; }.hero-product { width: min(850px, 92%); margin: 40px auto 0; }.offer-grid { grid-template-columns: 1fr; }.offer-card { display: grid; grid-template-columns: 330px 1fr; column-gap: 30px; }.offer-card--featured { transform: none; }.offer-image { height: 100%; min-height: 430px; grid-row: 1/7; }.offer-card ul { min-height: 0; }.method, .team-section { grid-template-columns: 1fr; }.section-heading { grid-template-columns: 1fr; }.editor-demo { grid-template-columns: 280px 1fr; }.guarantee-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 800px) { .site-menu { position: absolute; top: 78px; right: 16px; left: 16px; display: none; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); box-shadow: 0 24px 60px rgba(21,22,47,.18); }.site-menu.is-open { display: grid; }.site-menu a { padding: 9px; }.nav-login { margin: 0; padding-left: 9px; border-left: 0; }.nav-cta { justify-content: space-between; }.hero { padding-top: 70px; }.hero-metrics { grid-template-columns: repeat(2,1fr); }.contrast-band { grid-template-columns: 1fr; }.contrast-vs { width: auto; height: 55px; border: 1px solid rgba(255,255,255,.15); }.offer-card { display: block; }.offer-image { height: 330px; min-height: 0; }.editor-demo { grid-template-columns: 1fr; }.editor-panel { border-right: 0; border-bottom: 1px solid var(--line); }.team-grid { grid-template-columns: 1fr; }.faq { grid-template-columns: 1fr; }.faq-title { position: static; }.site-footer { grid-template-columns: 1fr; } }
@media (max-width: 520px) { html, body { max-width: 100%; overflow-x: hidden; }.announcement { max-width: 100vw; justify-content: flex-start; overflow: hidden; white-space: nowrap; }.announcement a { min-width: 0; overflow: hidden; text-overflow: ellipsis; }.nav-wrap { width: calc(100% - 32px); }.hero { padding-inline: 18px; }.hero-grid { min-height: auto; }.hero h1 { font-size: 60px; }.trust-list { gap: 10px; flex-direction: column; }.hero-product { width: calc(100% - 10px); }.browser-frame { transform: none; }.browser-image { height: 530px; }.browser-copy { padding: 32px 24px; }.browser-copy strong { font-size: 49px; }.floating-card--brief { top: -25px; left: -6px; }.floating-card--team { right: 0; bottom: -55px; }.floating-card--edit { display: none; }.hero-metrics { margin-top: 130px; }.section { width: calc(100% - 32px); padding: 100px 0; }.section-heading h2, .method h2, .team-head h2, .faq-title h2 { font-size: 52px; }.offer-image { height: 270px; }.method, .team-section { padding: 100px 20px; }.method-steps li { grid-template-columns: 45px 1fr; }.method-steps b { display: none; }.editor-canvas { padding: 10px; }.editable-nav span { display: none; }.editable-hero { padding-inline: 25px; }.editable-hero h3 { font-size: 43px; }.edit-hint { left: 25px; }.guarantee-grid { grid-template-columns: 1fr; }.final-cta { margin: 0 10px 10px; padding: 70px 22px 100px; }.final-cta h2 { font-size: 66px; }.final-cta > div { align-items: flex-start; flex-direction: column; }.site-footer { padding-inline: 24px; }.footer-bottom { gap: 15px; flex-direction: column; } }

/* ============ ACCUEIL 2026 — PLUS LISIBLE, PLUS DIRECT ============ */
:root{
  --paper:#f6f5fb;
  --surface:#fff;
  --lavender:#eceaff;
  --line:rgba(21,22,47,.12);
}
body{font-size:17px;line-height:1.65;background:
  radial-gradient(circle at 8% 12%,rgba(187,169,255,.18),transparent 26%),
  radial-gradient(circle at 93% 8%,rgba(255,145,125,.16),transparent 24%),var(--paper)}
.announcement{min-height:46px;gap:13px;padding:9px 24px;font-size:14px;font-weight:650;letter-spacing:0}
.announcement>span{padding:5px 9px;font-size:11px;letter-spacing:.06em}
.announcement a{font-weight:800;text-underline-offset:4px}
.nav-wrap{width:min(1400px,calc(100% - 64px));min-height:88px}
.brand{gap:12px;font-size:23px}.brand-mark{width:44px;height:44px;border-radius:14px;box-shadow:0 13px 28px -17px rgba(92,92,235,.8)}
.site-menu{gap:22px;font-size:15px;font-weight:750}
.site-menu>a:not(.nav-cta){padding:12px 0}
.nav-login{margin-left:3px;padding-left:22px}
.nav-cta{min-height:52px;gap:24px;padding:0 20px;border-radius:999px;font-size:15px;box-shadow:0 15px 30px -20px rgba(21,22,47,.8)}

.hero{padding:88px 4vw 0;background:
  radial-gradient(circle at 76% 10%,rgba(92,92,235,.2),transparent 27%),
  radial-gradient(circle at 92% 39%,rgba(217,255,104,.25),transparent 20%),
  linear-gradient(180deg,var(--paper),#f0efff 88%,var(--ink) 88%)}
.hero-grid{width:min(1400px,100%);min-height:660px;grid-template-columns:.94fr 1.06fr;gap:4.5vw}
.eyebrow{margin-bottom:20px;font-size:13px;letter-spacing:.12em}
.hero-copy>.eyebrow span{width:38px;height:2px}
h1{font-size:clamp(62px,6.4vw,102px);line-height:.92}
.hero-lead{max-width:620px;margin:30px 0 32px;font-size:19px;line-height:1.65}
.hero-direct-edit{position:relative;display:grid;max-width:630px;gap:8px;margin:-6px 0 28px;padding:20px 22px 19px;border:1px solid rgba(92,92,235,.48);border-radius:23px;overflow:hidden;background:linear-gradient(118deg,#171730 0%,#302d82 63%,#5c5ceb 120%);box-shadow:0 28px 52px -38px rgba(27,24,101,.95);color:#fff;text-decoration:none;isolation:isolate;transition:transform .22s,box-shadow .22s}.hero-direct-edit::before{position:absolute;z-index:-1;top:-100px;right:-66px;width:260px;aspect-ratio:1;border:1px solid rgba(217,255,104,.36);border-radius:50%;content:"";box-shadow:0 0 0 25px rgba(217,255,104,.08),0 0 0 52px rgba(255,255,255,.045)}.hero-direct-edit:hover{transform:translateY(-3px);box-shadow:0 34px 58px -35px rgba(27,24,101,.9)}.hero-direct-edit__tag{display:flex;align-items:center;gap:8px;color:var(--acid);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero-direct-edit__tag i{display:block;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(217,255,104,.15)}.hero-direct-edit strong{max-width:575px;font-size:clamp(22px,2vw,29px);line-height:1.03;letter-spacing:-.05em}.hero-direct-edit strong em{color:var(--acid);font-family:var(--serif);font-weight:400}.hero-direct-edit__copy{max-width:530px;color:rgba(255,255,255,.8);font-size:15px;font-weight:600;line-height:1.45}.hero-direct-edit__steps{display:flex;align-items:center;gap:8px;margin-top:4px;color:rgba(255,255,255,.8);font-size:13px;font-weight:750;line-height:1.35}.hero-direct-edit__steps b{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);font-size:12px}.hero-direct-edit__steps>i{color:var(--acid);font-size:16px;font-style:normal}.hero-direct-edit__steps u{margin-left:auto;color:var(--acid);font-size:12px;font-weight:850;text-decoration-thickness:1px;text-underline-offset:4px}
.button{min-height:62px;gap:24px;padding:0 25px;border-radius:999px;font-size:14px;letter-spacing:.025em}
.button--primary{box-shadow:0 20px 44px -24px rgba(255,108,93,.9)}
.button:hover{transform:translateY(-2px)}
.trust-list{gap:20px;margin-top:29px;font-size:14px;font-weight:650;flex-wrap:wrap}
.trust-list li{display:flex;align-items:center}.trust-list li::before{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#dff6ed;font-size:12px}
.hero-media-launch{position:relative;display:grid;max-width:630px;grid-template-columns:auto 1fr;gap:5px 18px;align-items:center;margin-top:27px;padding:17px 20px 17px 21px;border:1px solid rgba(92,92,235,.22);border-radius:20px;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(232,230,255,.88));color:var(--ink);box-shadow:0 22px 45px -38px rgba(27,24,101,.7);text-decoration:none;transition:transform .22s,box-shadow .22s}.hero-media-launch::before{position:absolute;top:-28px;right:-16px;width:104px;aspect-ratio:1;border:1px solid rgba(92,92,235,.21);border-radius:50%;content:"";box-shadow:0 0 0 18px rgba(217,255,104,.3),0 0 0 38px rgba(92,92,235,.05)}.hero-media-launch:hover{transform:translateY(-3px);box-shadow:0 30px 54px -35px rgba(27,24,101,.55)}.hero-media-launch__tag{position:relative;z-index:1;grid-column:1/-1;color:var(--indigo);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-media-launch strong{position:relative;z-index:1;max-width:480px;font-size:20px;line-height:1.12;letter-spacing:-.04em}.hero-media-launch strong em{color:var(--indigo);font-family:var(--serif);font-weight:400}.hero-media-launch strong i{margin-left:8px;font-style:normal}.hero-media-launch__details{position:relative;z-index:1;grid-column:1/-1;max-width:500px;color:#5a5c6d;font-size:14px;font-weight:650;line-height:1.45}
.hero-media-launch{display:grid;max-width:680px;min-height:184px;grid-template-columns:minmax(0,1fr) auto;gap:10px 22px;margin-top:30px;padding:22px 23px;border:1px solid rgba(201,87,64,.3);border-radius:25px;background:linear-gradient(135deg,#fff5e3 0%,#ffe1bc 100%);color:var(--ink);box-shadow:0 32px 66px -42px rgba(179,83,59,.55);isolation:isolate}.hero-media-launch::before{top:19px;right:24px;width:130px;height:94px;border:1px solid rgba(40,37,84,.22);border-radius:14px;background:repeating-linear-gradient(90deg,#292554 0 6px,transparent 6px 13px),linear-gradient(135deg,#ff7c68,#f8ca68);box-shadow:14px 14px 0 rgba(255,255,255,.62);transform:rotate(5deg)}.hero-media-launch::after{position:absolute;z-index:0;right:39px;top:36px;width:102px;height:58px;border:1px solid rgba(255,255,255,.55);border-radius:9px;content:"";transform:rotate(5deg)}.hero-media-launch>*{position:relative;z-index:1}.hero-media-launch__tag{color:#bd4c3c;font-size:12px}.hero-media-launch strong{max-width:430px;color:var(--ink);font-size:clamp(27px,2.4vw,35px);line-height:.98}.hero-media-launch strong em{color:#be4b3d}.hero-media-launch__details{max-width:450px;color:#555469;font-size:15px;line-height:1.48}.hero-media-launch__proof{display:flex;grid-column:1;gap:7px;flex-wrap:wrap}.hero-media-launch__proof b{padding:6px 9px;border:1px solid rgba(40,37,84,.17);border-radius:999px;background:rgba(255,255,255,.58);color:#3a365e;font-size:11px;letter-spacing:.02em}.hero-media-launch__action{display:inline-flex;grid-column:2;grid-row:2/5;align-self:end;align-items:center;gap:8px;min-height:45px;padding:0 13px;border-radius:12px;background:#1d1b42;color:#fff;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 14px 24px -17px rgba(29,27,66,.72)}.hero-media-launch__action i{font-size:16px;font-style:normal}
@media(max-width:520px){.hero-media-launch{grid-template-columns:1fr;min-height:0}.hero-media-launch::before{top:18px;right:18px;width:84px;height:61px;opacity:.7}.hero-media-launch::after{right:27px;top:29px;width:65px;height:36px}.hero-media-launch strong{max-width:300px}.hero-media-launch__action{grid-column:1;grid-row:auto;justify-content:space-between;width:100%;margin-top:2px}.hero-media-launch__proof{grid-column:1}.hero-media-launch strong{font-size:27px}}
.browser-frame{border-width:5px;border-radius:28px;box-shadow:0 48px 100px -48px rgba(21,22,47,.72);transform:rotate(.7deg)}
.browser-bar{height:48px;padding-inline:15px}.browser-bar p{font-size:12px}.browser-bar b{font-size:11px}
.browser-image{height:535px}.browser-copy{inset:48px 0 0;padding:48px}
.browser-copy span{font-size:12px}.browser-copy strong{font-size:clamp(43px,4.5vw,67px)}.browser-copy button{padding:14px 18px;border-radius:999px;font-size:12px}
.selection-box span{top:-34px;padding:6px 9px;font-size:11px}
.floating-card{padding:16px 18px;border-radius:17px}.floating-card>span{font-size:11px}.floating-card>strong{font-size:15px}.floating-card--brief{min-width:155px}.floating-card--team{min-width:205px}.floating-card--team i{width:31px;height:31px;font-size:10px}
.hero-metrics{margin-top:75px;border-radius:24px 24px 0 0;overflow:hidden}
.hero-metrics div{padding:30px 2.6vw}.hero-metrics strong{font-size:34px}.hero-metrics span{font-size:14px;line-height:1.45}

.contrast-band>div:not(.contrast-vs){min-height:270px;padding:58px 7vw}.contrast-band span{font-size:13px}.contrast-band strong{margin:15px 0 8px}.contrast-band p{font-size:17px;line-height:1.55}.contrast-vs{font-size:27px}
.section{width:min(1320px,calc(100% - 72px));padding:125px 0}
.section-heading{gap:6vw}.section-heading h2,.method h2,.team-head h2,.faq-title h2{font-size:clamp(52px,5.4vw,82px)}
.section-heading>p{max-width:520px;font-size:18px;line-height:1.65}
.offer-grid{gap:20px;margin-top:66px}
.offer-card{padding:14px 26px 28px;border-radius:26px;box-shadow:0 28px 65px -55px rgba(21,22,47,.7)}
.offer-card--featured{transform:translateY(-10px)}
.offer-flag{top:19px;right:19px;padding:7px 11px;font-size:11px}
.offer-image{height:275px;border-radius:18px}.offer-image span{right:17px;bottom:15px;font-size:12px}
.offer-title{margin-top:26px}.offer-title p{font-size:12px}.offer-title h3{font-size:38px}.offer-title>span{font-size:12px}
.offer-desc{min-height:104px;margin:18px 0;font-size:16px;line-height:1.6}
.offer-price{gap:10px;padding:19px 0}.offer-price strong{font-size:36px}.offer-price span{font-size:14px}
.offer-card ul{min-height:225px;margin:22px 0;font-size:15px;line-height:1.5}.offer-card li{margin:11px 0}.offer-card li::before{margin-right:9px}
.offer-actions{gap:10px}.offer-actions a{min-height:52px;padding:0 15px;border-radius:999px;font-size:12px;letter-spacing:.02em}
.comparison{margin-top:50px;border-radius:20px}.comparison summary{min-height:78px;padding:0 27px;font-size:16px}.comparison th,.comparison td{padding:18px 24px;font-size:14px}.comparison th{font-size:12px}

.method{gap:7vw;padding:125px 7vw}.method-intro>p:not(.eyebrow){max-width:570px;font-size:18px;line-height:1.65}
.method-steps li{min-height:158px;grid-template-columns:60px 1fr auto}.method-steps>li>span{width:48px;height:48px;font-size:13px}.method-steps h3{font-size:23px}.method-steps p{font-size:16px;line-height:1.55}.method-steps b{font-size:18px}
.editor-demo{grid-template-columns:350px 1fr;margin-top:65px;border-radius:26px}
.editor-panel{padding:28px}.panel-top{font-size:14px}.panel-top b{font-size:12px}.panel-group>p{font-size:12px}.editor-swatches button{width:38px;height:38px}.font-buttons button{min-height:48px;font-size:14px}.structure-row{padding:13px}.structure-row b{font-size:14px}.structure-row small{font-size:11px}.panel-note{font-size:13px;line-height:1.55}
.canvas-bar{height:48px}.canvas-bar p,.canvas-bar button{font-size:12px}.editable-nav strong{font-size:21px}.editable-nav span{font-size:12px}.editable-hero>p{font-size:12px}.edit-hint{padding:7px 10px;font-size:11px}.editable-hero>button{padding:14px 19px;border-radius:999px;font-size:12px}

.team-section{gap:7vw;padding:125px 7vw}.team-head>p:last-child{font-size:18px;line-height:1.65}.team-grid article{min-height:255px;padding:32px}.team-grid article>span{width:46px;height:46px;font-size:12px}.team-grid h3{margin:54px 0 9px;font-size:23px}.team-grid p{font-size:16px;line-height:1.55}
.guarantee-grid{margin-top:60px}.guarantee-grid article{min-height:300px;padding:31px}.guarantee-grid article>span{font-size:13px}.guarantee-grid h3{margin:78px 0 11px;font-size:24px}.guarantee-grid p{font-size:16px;line-height:1.55}
.faq{gap:8vw}.faq-title>a{font-size:15px}.faq-list summary{min-height:96px;font-size:19px}.faq-list details p{margin:-8px 55px 30px 0;font-size:16px;line-height:1.65}
.final-cta{padding:95px 7vw;border-radius:34px}.final-cta>p{font-size:13px}.final-cta h2{font-size:clamp(66px,8.6vw,132px)}.final-cta>div>a:not(.button){font-size:15px}
.site-footer{padding:80px 6vw 110px}.footer-main p{max-width:420px;font-size:16px}.footer-links span{font-size:12px}.footer-links a{font-size:16px}.footer-bottom{font-size:12px}

@media(max-width:1100px){
  .site-menu{gap:16px;font-size:13px}.nav-wrap{width:calc(100% - 40px)}
  .hero{padding-top:72px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:820px}.hero-product{width:min(880px,94%);margin:20px auto 0}
  .offer-card{grid-template-columns:360px 1fr}.offer-card ul{min-height:0}.offer-desc{min-height:0}
  .editor-demo{grid-template-columns:300px 1fr}
}
@media(max-width:800px){
  .announcement{min-height:44px;font-size:13px}.announcement>span{font-size:10px}
  .nav-wrap{min-height:76px}.brand{font-size:20px}.brand-mark{width:40px;height:40px}
  .site-menu{top:76px;gap:3px;padding:22px;border-radius:22px;background:rgba(255,255,255,.96);font-size:17px;box-shadow:0 28px 70px -30px rgba(21,22,47,.45);backdrop-filter:blur(20px)}
  .site-menu a{padding:13px 12px}.nav-login{padding-left:12px}.nav-cta{margin-top:8px}
  .hero{padding-top:58px}.hero-grid{gap:45px}.hero-lead{font-size:18px}.hero-direct-edit{max-width:680px}.hero-product{margin-top:5px}
  .hero-media-launch{max-width:680px}
  .hero-metrics{margin-top:95px}.hero-metrics span{font-size:13px}
  .contrast-band>div:not(.contrast-vs){min-height:auto;padding:45px 8vw}.contrast-vs{height:64px}
  .section{width:calc(100% - 40px);padding:105px 0}.section-heading>p{font-size:17px}
  .offer-card{padding:14px 22px 24px}.offer-image{height:340px}.offer-card ul{min-height:0}
  .method,.team-section{padding:105px 24px}.editor-demo{grid-template-columns:1fr}.editor-panel{padding:24px}
  .team-grid article{min-height:220px}.guarantee-grid{grid-template-columns:1fr 1fr}.faq-list summary{font-size:18px}
}
@media(max-width:520px){
  .announcement{gap:8px;padding:8px 14px;font-size:12px;white-space:normal}.announcement>span{display:none}.announcement a{overflow:visible}
  .nav-wrap{width:calc(100% - 28px)}.site-menu-toggle{width:48px;height:48px}
  .hero{padding:48px 16px 0;background:radial-gradient(circle at 75% 12%,rgba(92,92,235,.2),transparent 25%),linear-gradient(180deg,var(--paper),#f0efff 91%,var(--ink) 91%)}
  .hero-media-launch{gap:7px;margin-top:24px;padding:16px 17px;border-radius:18px}.hero-media-launch strong{font-size:19px}.hero-media-launch__details{font-size:13px}.hero-media-launch__tag{font-size:10px}
  .hero-direct-edit{gap:9px;margin:-4px 0 25px;padding:18px 17px;border-radius:20px}.hero-direct-edit__tag{font-size:11px}.hero-direct-edit strong{font-size:24px;line-height:1.06}.hero-direct-edit__copy{font-size:14px}.hero-direct-edit__steps{display:grid;grid-template-columns:21px 1fr;gap:6px 9px;font-size:13px}.hero-direct-edit__steps>i{display:none}.hero-direct-edit__steps u{grid-column:1/-1;margin:5px 0 0;font-size:13px}
  .eyebrow{font-size:11px}.hero h1{font-size:clamp(48px,15vw,64px)}.hero-lead{margin:24px 0;font-size:17px}.hero-actions{display:grid}.button{width:100%;min-height:58px;font-size:13px}.trust-list{font-size:14px}
  .hero-product{width:100%;margin-top:28px}.browser-image{height:420px}.browser-copy{padding:30px 22px}.browser-copy span{font-size:10px}.browser-copy strong{font-size:42px}.floating-card--brief{top:-20px;left:-3px}.floating-card--team{display:none}.hero-metrics{grid-template-columns:1fr 1fr;margin-top:78px;border-radius:20px 20px 0 0}.hero-metrics div{padding:23px 18px}.hero-metrics strong{font-size:27px}.hero-metrics span{font-size:12px}
  .contrast-band p{font-size:16px}.section{width:calc(100% - 28px);padding:88px 0}.section-heading h2,.method h2,.team-head h2,.faq-title h2{font-size:44px}.section-heading>p{font-size:16px}
  .offer-grid{margin-top:45px}.offer-card{padding:12px 18px 22px;border-radius:22px}.offer-card--featured{transform:none}.offer-image{height:260px}.offer-title h3{font-size:34px}.offer-desc{font-size:16px}.offer-card ul{font-size:15px}.offer-actions{grid-template-columns:1fr}.offer-actions a{font-size:13px}
  .comparison summary{font-size:15px}.method,.team-section{padding:88px 18px}.method-intro>p:not(.eyebrow){font-size:17px}.method-steps li{grid-template-columns:48px 1fr;gap:14px}.method-steps h3{font-size:20px}.method-steps p{font-size:15px}
  .editor-section{width:100%;padding-inline:14px}.editor-demo{border-radius:20px}.panel-top{font-size:13px}.editable-hero h3{font-size:40px}
  .team-grid h3{margin-top:40px}.team-grid p{font-size:16px}.guarantee-grid{grid-template-columns:1fr}.guarantee-grid article{min-height:250px}.guarantee-grid h3{margin-top:55px}.faq-list summary{min-height:88px;font-size:17px}.faq-list details p{margin-right:0;font-size:16px}
  .final-cta{margin:0 8px 8px;padding:70px 22px 82px;border-radius:25px}.final-cta h2{font-size:55px}.final-cta>div>a:not(.button){font-size:15px}.site-footer{padding:65px 24px 100px}.footer-links a{font-size:15px}.footer-bottom{font-size:12px}
}

/* ============ APRÈS-HERO 2026 — TL;DR, BENTO & COULEUR ============ */
.contrast-band,.team-section,.guarantees{display:none}
.hero-metrics{position:relative;z-index:2;max-width:1400px;margin-top:90px;background:#17182f;border-radius:30px 30px 0 0}
.hero-metrics div{min-height:128px;display:flex;justify-content:center;flex-direction:column}
.hero-metrics strong{font-family:var(--sans);font-size:38px;font-weight:850;letter-spacing:-.05em}
.hero-metrics span{max-width:180px;color:rgba(255,255,255,.68);font-size:15px}

.quick-story{padding:145px max(5vw,calc((100vw - 1320px)/2));background:
  radial-gradient(circle at 88% 18%,rgba(217,255,104,.28),transparent 19%),
  radial-gradient(circle at 9% 75%,rgba(255,108,93,.14),transparent 23%),#f7f6fb}
.modern-head{display:grid;grid-template-columns:1.2fr .55fr;gap:7vw;align-items:end;margin-bottom:70px}
.modern-head .eyebrow{grid-column:1/-1;margin:0}
.modern-head h2{font-size:clamp(58px,6.2vw,96px);line-height:.92;letter-spacing:-.065em}
.modern-head h2 em{color:var(--indigo);font-family:var(--serif);font-weight:400}
.modern-head>p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:19px;line-height:1.65}
.quick-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.quick-card{position:relative;min-height:290px;padding:34px;border:1px solid rgba(21,22,47,.1);border-radius:32px;overflow:hidden;box-shadow:0 35px 70px -55px rgba(21,22,47,.65);transition:transform .25s ease,box-shadow .25s ease}
.quick-card:hover{transform:translateY(-5px);box-shadow:0 40px 70px -48px rgba(21,22,47,.7)}
.quick-label{display:block;margin-bottom:28px;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.quick-card--story{grid-column:span 8;background:#17182f;color:#fff}
.quick-card--story::after{position:absolute;right:-80px;bottom:-150px;width:370px;height:370px;border-radius:50%;background:linear-gradient(145deg,#6258ee,#bba9ff);content:"";filter:blur(1px);opacity:.7}
.quick-flow{position:relative;z-index:1;display:flex;align-items:center;gap:22px;margin-top:45px}
.quick-flow span{font-size:12px;color:rgba(255,255,255,.48)}.quick-flow b{display:block;margin-top:7px;color:#fff;font-size:20px}.quick-flow i{color:var(--acid);font-size:25px;font-style:normal}
.quick-card--story>a{position:absolute;z-index:2;right:30px;bottom:30px;display:inline-flex;gap:28px;align-items:center;padding:14px 18px;border-radius:999px;background:var(--acid);color:var(--ink);font-size:13px;font-weight:850;text-decoration:none;text-transform:uppercase}
.quick-card--price{grid-column:span 4;background:var(--acid);color:var(--ink)}
.quick-card--price strong{display:block;margin-top:48px;font-size:clamp(60px,6vw,90px);line-height:.85;letter-spacing:-.07em}.quick-card--price p{margin:22px 0 0;font-size:17px;line-height:1.5}
.quick-card--human{grid-column:span 5;background:#fff}
.quick-avatars{display:flex;margin:36px 0 26px}.quick-avatars i{display:grid;width:50px;height:50px;place-items:center;margin-right:-8px;border:3px solid #fff;border-radius:50%;background:var(--indigo);color:#fff;font-size:13px;font-style:normal;font-weight:850}.quick-avatars i:nth-child(2){background:var(--coral)}.quick-avatars i:nth-child(3){background:var(--teal)}.quick-avatars i:nth-child(4){background:var(--ink)}
.quick-card--human h3{max-width:430px;margin:0;font-size:32px;line-height:1.05;letter-spacing:-.04em}
.quick-card--promise{grid-column:span 7;background:linear-gradient(135deg,#ff7a6b,#ffb38b);color:var(--ink)}
.quick-card--promise>span{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#fff;font-size:25px}.quick-card--promise h3{margin:32px 0 10px;font-size:clamp(40px,4vw,61px);line-height:.92;letter-spacing:-.055em}.quick-card--promise p{margin:0;font-size:17px}

.home-marquee{overflow:hidden;padding:23px 0;background:var(--acid);border-top:1px solid rgba(21,22,47,.12);border-bottom:1px solid rgba(21,22,47,.12);white-space:nowrap}
.home-marquee>div{display:inline-block;font-size:15px;font-weight:900;letter-spacing:.08em;animation:homeMarquee 25s linear infinite}.home-marquee i{margin:0 25px;color:var(--indigo);font-style:normal}
@keyframes homeMarquee{to{transform:translateX(-50%)}}

.offers.section{width:auto;padding:145px max(5vw,calc((100vw - 1320px)/2));background:#eeecff}
.offers .section-heading{grid-template-columns:1.15fr .55fr}.offers .section-heading h2{font-size:clamp(58px,6vw,92px)}
.offers .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:75px;align-items:stretch}
.offers .offer-card{display:flex;padding:15px 28px 29px;border:1px solid rgba(21,22,47,.11);border-radius:32px;box-shadow:0 35px 90px -62px rgba(21,22,47,.75);transform:none;flex-direction:column}
.offers .offer-card:nth-child(1),.offers .offer-card:nth-child(2),.offers .offer-card:nth-child(3){grid-area:auto}.offers .offer-card:nth-child(2){z-index:1;border:2px solid var(--indigo);background:linear-gradient(180deg,#fff,#f7f6ff);box-shadow:0 34px 78px -52px rgba(63,63,192,.5);transform:translateY(-10px)}
.offers .offer-image,.offers .offer-card:nth-child(2) .offer-image{height:260px;margin:0 -13px;border-radius:22px}
.offers .offer-title{margin-top:27px}.offers .offer-title h3{font-size:45px}.offers .offer-title p,.offers .offer-title>span{font-size:13px}
.offers .offer-desc{min-height:0;margin:18px 0;font-size:17px}.offers .offer-price strong{font-size:41px}.offers .offer-price span{font-size:14px}
.offers .offer-card ul{min-height:0;margin:22px 0;font-size:15px}.offers .offer-actions{margin-top:auto}.offers .offer-actions a{min-height:56px;font-size:13px}
.offers .offer-card:nth-child(2) .offer-title h3{font-size:45px}.offers .offer-card:nth-child(2) .offer-desc{font-size:17px}.offers .offer-card:nth-child(2) ul{margin:22px 0;font-size:15px}.offers .offer-card:nth-child(2) .offer-actions a{min-height:56px;font-size:13px}
.offers .offer-card--premium{background:radial-gradient(circle at 90% 5%,rgba(217,255,104,.14),transparent 24%),#17182f}
.offers .offer-media-option{display:grid;gap:4px;margin:0 0 22px;padding:15px 16px;border:1px solid rgba(217,255,104,.35);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;transition:background .2s,transform .2s}.offers .offer-media-option:hover{background:rgba(217,255,104,.14);transform:translateY(-2px)}.offers .offer-media-option span{color:var(--acid);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.offers .offer-media-option strong{font-size:20px;letter-spacing:-.04em}.offers .offer-media-option small{color:rgba(255,255,255,.7);font-size:13px;line-height:1.4}.offers .offer-media-option b{margin-top:3px;color:var(--acid);font-size:12px}.offers .comparison small{color:#626576;font-size:12px;font-weight:650}
.offers .offer-flag{top:26px;right:27px;padding:8px 12px;font-size:12px}
.offers .comparison{margin-top:36px;border:0;border-radius:24px;background:rgba(255,255,255,.68)}
.offers .comparison summary{min-height:86px;font-size:17px}

.media-collection{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;padding:135px max(5vw,calc((100vw - 1320px)/2));background:#f7f6fb}.media-collection__copy h2{margin:18px 0 20px;font-size:clamp(48px,5vw,76px);letter-spacing:-.065em;line-height:.9}.media-collection__copy h2 em{color:var(--indigo);font-family:var(--serif);font-weight:400}.media-collection__copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:18px;line-height:1.65}.media-collection__copy .button{margin-top:30px;background:var(--ink)}.media-collection__more{display:block;max-width:470px;margin-top:18px;color:var(--indigo);font-size:14px;font-weight:800;line-height:1.45;text-decoration:none}.media-collection__more:hover{text-decoration:underline}.media-collection__formats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-collection__formats a{position:relative;display:flex;min-height:365px;justify-content:flex-end;padding:25px;border:1px solid var(--line);border-radius:28px;overflow:hidden;flex-direction:column;font-size:13px;font-weight:850;text-decoration:none;transition:transform .22s,box-shadow .22s}.media-collection__formats a:hover{transform:translateY(-5px);box-shadow:0 30px 65px -42px rgba(21,22,47,.45)}.media-collection__formats a:first-child{background:radial-gradient(circle at 78% 20%,var(--acid),transparent 14%),linear-gradient(145deg,#31278c,#6659f1);color:#fff}.media-collection__formats a:last-child{background:radial-gradient(circle at 76% 25%,#ff796a,transparent 17%),linear-gradient(145deg,#d9ff68,#fff9dd);color:var(--ink)}.media-collection__formats a::after{position:absolute;top:28px;right:28px;width:110px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;content:"";opacity:.33}.media-collection__formats span,.media-collection__formats strong,.media-collection__formats b{position:relative;z-index:1}.media-collection__formats span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.media-collection__formats strong{margin:46px 0 24px;font-size:clamp(30px,3vw,45px);letter-spacing:-.055em;line-height:.93}.media-collection__formats b{display:inline-flex;width:max-content;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--ink);font-size:12px}

.method{position:relative;grid-template-columns:.78fr 1.22fr;gap:8vw;padding:150px max(5vw,calc((100vw - 1320px)/2));background-color:#17182f;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:25px 25px;color:#fff}
.method::before{position:absolute;top:55px;right:7%;width:120px;height:120px;border:1px solid rgba(255,255,255,.13);border-radius:50%;content:"";box-shadow:0 0 0 25px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.018)}
.method-intro{position:sticky;top:140px;height:fit-content}.method-intro .eyebrow{color:var(--acid)}.method h2{font-size:clamp(55px,5.4vw,84px)}.method h2 em{color:#bba9ff}.method-intro>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:19px}.method-intro .button{background:var(--acid);color:var(--ink)}
.method-steps{display:grid;gap:14px;border:0}.method-steps li{min-height:180px;grid-template-columns:82px 1fr auto;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);transition:background .25s,transform .25s}.method-steps li:hover{background:rgba(255,255,255,.12);transform:translateX(-6px)}
.method-steps>li>span{width:62px;height:62px;background:var(--acid);color:var(--ink);font-size:15px}.method-steps h3{color:#fff;font-size:27px}.method-steps p{max-width:530px;color:rgba(255,255,255,.62);font-size:16px}.method-steps b{color:#bba9ff;font-size:20px}

.editor-section.section{width:auto;padding:145px max(5vw,calc((100vw - 1320px)/2));background:linear-gradient(145deg,#ff7969,#ffae83)}
.editor-section .section-heading h2{font-size:clamp(56px,5.8vw,88px)}.editor-section .section-heading h2 em{color:#fff}.editor-section .section-heading>p{color:rgba(21,22,47,.72)}
.editor-section .editor-demo{margin-top:70px;border:5px solid #17182f;border-radius:34px;box-shadow:0 50px 110px -58px rgba(21,22,47,.75)}
.editor-section .editor-panel{background:#f7f6fb}.editor-section .editor-canvas{padding:35px;background:#dcdbe8}

.proof-modern{padding:145px max(5vw,calc((100vw - 1320px)/2));background:#17182f;color:#fff}
.modern-head--light h2{color:#fff}.modern-head--light h2 em{color:var(--acid)}.modern-head--light>p:last-child{color:rgba(255,255,255,.62)}.modern-head--light .eyebrow{color:#bba9ff}
.proof-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.proof-card{min-height:300px;padding:33px;border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden}
.proof-card h3{margin:0;font-size:35px;line-height:1.04;letter-spacing:-.045em}.proof-card p{font-size:17px;line-height:1.6}
.proof-card--human{grid-column:span 8;min-height:510px;background:linear-gradient(145deg,#2a2960,#4e46bf)}.proof-top{display:flex;justify-content:space-between;font-size:13px}.proof-top span{color:#bba9ff;text-transform:uppercase;letter-spacing:.08em}.proof-people{display:flex;margin:92px 0 44px}.proof-people i{display:grid;width:62px;height:62px;place-items:center;margin-right:-8px;border:3px solid #4540a0;border-radius:50%;background:#fff;color:#17182f;font-size:12px;font-style:normal;font-weight:900}.proof-card--human h3{font-size:clamp(43px,5vw,72px)}.proof-card--human p{max-width:670px;color:rgba(255,255,255,.68)}
.proof-card--zero{grid-column:span 4;background:var(--acid);color:var(--ink)}.proof-card--zero>span,.proof-card--care>span{display:block;margin-bottom:62px;font-size:74px;font-weight:900;letter-spacing:-.08em}.proof-card--zero p,.proof-card--care p{color:rgba(21,22,47,.7)}
.proof-card--care{grid-column:span 4;background:#ff8a75;color:var(--ink)}
.proof-card--quote{grid-column:span 8;display:flex;justify-content:space-between;gap:30px;background:#fff;color:var(--ink);flex-direction:column}.proof-card--quote p{max-width:780px;margin:0;font:italic 400 clamp(34px,4vw,56px)/1.05 var(--serif);letter-spacing:-.04em}.proof-card--quote span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

.faq.section{width:auto;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:145px max(5vw,calc((100vw - 1320px)/2));background:#d9ff68}
.faq-title{top:130px}.faq-title .eyebrow{color:#4f46d7}.faq-title h2{font-size:clamp(54px,5.3vw,82px)}.faq-title>a{display:inline-flex;margin-top:35px;padding:14px 18px;border:1px solid rgba(21,22,47,.2);border-radius:999px;font-size:14px;text-decoration:none}
.faq-list{display:grid;gap:10px;border:0}.faq-list details{border:1px solid rgba(21,22,47,.1);border-radius:22px;background:rgba(255,255,255,.72);overflow:hidden}.faq-list summary{min-height:88px;padding:0 24px;font-size:18px}.faq-list details p{margin:-4px 55px 27px 24px;font-size:16px}.faq-list summary span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#17182f;color:#fff}

.final-cta{position:relative;margin:0;padding:150px max(5vw,calc((100vw - 1320px)/2));border-radius:0;background:
  radial-gradient(circle at 85% 30%,rgba(217,255,104,.32),transparent 20%),
  radial-gradient(circle at 72% 70%,rgba(255,108,93,.36),transparent 24%),#5c5ceb;overflow:hidden}
.final-cta::after{position:absolute;right:-5vw;bottom:-30%;width:38vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;content:"";box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.final-cta>p,.final-cta h2,.final-cta>div{position:relative;z-index:1}.final-cta>p{font-size:14px}.final-cta h2{max-width:1050px;font-size:clamp(72px,9vw,138px);line-height:.82}.final-cta h2 em{color:var(--acid)}.final-cta>div{margin-top:55px}.final-cta .button{min-width:280px}.final-cta>div>a:not(.button){font-size:16px}

@media(max-width:1000px){
  .modern-head{grid-template-columns:1fr;gap:25px}.modern-head .eyebrow{grid-column:auto}.quick-card--story{grid-column:span 12}.quick-card--price,.quick-card--human{grid-column:span 6}.quick-card--promise{grid-column:span 6}
  .offers .offer-grid{grid-template-columns:1fr;grid-template-areas:"ess" "std" "prm"}.offers .offer-card:nth-child(2){transform:none}.offers .offer-card:nth-child(2) .offer-image{height:360px}
  .method,.media-collection{grid-template-columns:1fr}.method-intro{position:static}.proof-card--human{grid-column:span 12}.proof-card--zero,.proof-card--care{grid-column:span 6}.proof-card--quote{grid-column:span 12}
  .faq.section{grid-template-columns:1fr}.faq-title{position:static}
}
@media(max-width:620px){
  .hero-metrics{grid-template-columns:1fr 1fr;margin-top:85px;border-radius:22px 22px 0 0}.hero-metrics div{min-height:120px;padding:22px}.hero-metrics strong{font-size:29px}.hero-metrics span{font-size:13px}
  .quick-story,.offers.section,.media-collection,.method,.editor-section.section,.proof-modern,.faq.section{padding:90px 16px}.modern-head{margin-bottom:45px}.modern-head h2{font-size:46px}.modern-head>p:last-child{font-size:17px}
  .quick-grid{gap:12px}.quick-card{grid-column:span 12!important;min-height:260px;padding:25px;border-radius:25px}.quick-flow{align-items:flex-start;gap:10px;flex-direction:column}.quick-flow i{transform:rotate(90deg)}.quick-card--story{min-height:470px}.quick-card--story>a{right:20px;bottom:20px;left:20px;justify-content:space-between}.quick-card--price strong{font-size:72px}.quick-card--promise h3{font-size:43px}
  .home-marquee{padding:18px 0}.home-marquee>div{font-size:13px}
  .offers .section-heading{grid-template-columns:1fr}.offers .section-heading h2{font-size:47px}.offers .offer-grid{margin-top:45px}.offers .offer-card{padding:12px 18px 22px;border-radius:25px}.offers .offer-card:nth-child(2) .offer-image,.offers .offer-image{height:250px}.offers .offer-title h3,.offers .offer-card:nth-child(2) .offer-title h3{font-size:39px}.offers .offer-card:nth-child(2) .offer-desc{font-size:17px}.offers .offer-actions{grid-template-columns:1fr}
  .method::before{display:none}.method h2{font-size:48px}.method-steps li{grid-template-columns:55px 1fr;gap:15px;padding:20px;border-radius:22px}.method-steps>li>span{width:48px;height:48px}.method-steps h3{font-size:21px}.method-steps p{font-size:15px}.method-steps b{display:none}
  .media-collection__copy h2{font-size:46px}.media-collection__copy>p:not(.eyebrow){font-size:17px}.media-collection__formats{grid-template-columns:1fr}.media-collection__formats a{min-height:290px}.media-collection__formats strong{margin-top:36px;font-size:39px}
  .editor-section .section-heading{grid-template-columns:1fr}.editor-section .section-heading h2{font-size:47px}.editor-section .editor-demo{margin-top:45px;border-width:3px;border-radius:24px}.editor-section .editor-canvas{padding:10px}
  .proof-grid{gap:12px}.proof-card{grid-column:span 12!important;min-height:270px;padding:25px;border-radius:24px}.proof-card--human{min-height:480px}.proof-people{margin:70px 0 35px}.proof-people i{width:50px;height:50px}.proof-card--human h3{font-size:44px}.proof-card--zero>span,.proof-card--care>span{margin-bottom:45px;font-size:62px}.proof-card--quote p{font-size:36px}
  .faq-title h2{font-size:47px}.faq-list summary{padding:0 18px;font-size:17px}.faq-list details p{margin:0 45px 24px 18px}
  .final-cta{padding:95px 18px 110px}.final-cta h2{font-size:58px}.final-cta>div{align-items:stretch;gap:16px}.final-cta .button{min-width:0}
}
@media(prefers-reduced-motion:reduce){.home-marquee>div{animation:none}}

/* ===== Menu principal — 10/08/2026 =========================
   1. « Média · bientôt » : une entrée grisée qui annonce une
      rubrique inexistante coûte plus de crédibilité qu'elle
      n'apporte de curiosité. On la retire partout.
   2. « Espace client » était un lien texte parmi les autres :
      un client qui revient gérer son site ne le trouvait pas.
      Il devient un bouton corail plein, distinct du bouton
      sombre « Choisir une démo ».
   ========================================================== */
.nav-soon{display:none !important}

/* Selecteur volontairement long : sales.css contient plus haut
   .site-menu>a:not(.nav-cta){padding:12px 0}, de specificite (0,2,1).
   Un simple .nav-login (0,1,0) perdait, le bouton se retrouvait sans
   marge interieure horizontale et le fond corail collait au texte —
   ce qui se lisait comme un debordement. */
.site-menu > a.nav-login,.nav-login{
  display:inline-flex;align-items:center;gap:9px;
  min-height:44px;margin:0 12px 0 14px;padding:0 22px;
  flex:none;white-space:nowrap;
  border:0;border-left:0;border-radius:999px;
  background:var(--coral);color:#fff;font-weight:700;letter-spacing:-.01em;
  box-shadow:0 12px 26px -14px var(--coral);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .22s ease;
}
.site-menu > a.nav-login::before,.nav-login::before{
  content:"";width:15px;height:15px;flex:none;background:currentColor;
  -webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.site-menu > a.nav-login{color:#fff}
.site-menu > a.nav-login:hover{
  color:#fff;transform:translateY(-2px);filter:saturate(1.08);
  box-shadow:0 18px 34px -14px var(--coral);
}
@media (max-width:800px){
  .nav-login{justify-content:center;margin:6px 0 0;padding:0 14px;border-left-width:1.5px}
}

/* ===== En-tête collant sur téléphone — 10/08/2026 ==========
   .site-header était déjà en position:sticky, mais body portait
   overflow-x:hidden : un ancêtre qui découpe devient conteneur de
   défilement et annule le collage. overflow-x:clip protège du
   débordement horizontal SANS créer ce conteneur, donc le logo et
   le bouton du menu restent accessibles pendant tout le défilement.
   ========================================================== */
html,body{overflow-x:clip}
.site-header{position:sticky;top:0;z-index:200}
@media (max-width:800px){
  .nav-wrap{min-height:66px}
  .site-header{box-shadow:0 10px 30px -22px rgba(21,22,47,.55)}
}

/* Le menu ne doit jamais comprimer ses deux boutons : le fond
   devenait plus étroit que le texte et « Espace client » débordait. */
.site-menu > .nav-login,.site-menu > .nav-cta{flex:none;white-space:nowrap}