/* Le Diagnosticien Informatique — système visuel V0.5.5 */
:root {
  --v04-ink: #07131d;
  --v04-ink-soft: #0d202d;
  --v04-navy: #123246;
  --v04-cyan: #43c5f5;
  --v04-cyan-strong: #13aee9;
  --v04-mint: #9ef0cf;
  --v04-paper: #f3f7f8;
  --v04-white: #fff;
  --v04-text: #0d1b26;
  --v04-muted: #5d707d;
  --v04-line: rgba(13,42,59,.14);
  --v04-dark-line: rgba(255,255,255,.12);
  --v04-radius-sm: 14px;
  --v04-radius: 24px;
  --v04-radius-lg: 34px;
  --v04-shadow: 0 22px 65px rgba(4,22,33,.09);
  --max: 1240px;
}

html { max-width: 100%; overflow-x: hidden; overflow-x: clip; scroll-behavior: auto; scroll-padding-top: 96px; }
body { max-width: 100%; overflow-x: hidden; overflow-x: clip; color: var(--v04-text); background: var(--v04-paper); font-size: 16px; line-height: 1.62; }
html.menu-open,body.menu-open { overflow: hidden; overscroll-behavior: none; }
body.menu-open { touch-action: none; }
main { overflow: clip; }
.container { width: min(calc(100% - 48px), var(--max)); }
h1,h2,h3 { text-wrap: balance; }
h1 { font-size: clamp(3.5rem,7.4vw,7rem); line-height: .96; letter-spacing: -.064em; }
h2 { font-size: clamp(2.65rem,5vw,5.25rem); line-height: 1; letter-spacing: -.056em; }
h3 { letter-spacing: -.035em; }
p { text-wrap: pretty; }
.lead { color: var(--v04-muted); font-size: clamp(1.08rem,1.5vw,1.32rem); line-height: 1.65; }
.eyebrow { gap: 12px; margin-bottom: 22px; color: #176d91; font-size: 12px; font-weight: 850; letter-spacing: .16em; }
.eyebrow::before { width: 34px; background: var(--v04-cyan-strong); }
.section { padding-block: clamp(82px,9vw,132px); }
.section-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.62fr); gap: clamp(38px,7vw,100px); align-items: end; margin-bottom: clamp(46px,6vw,78px); }
.section-heading h2 { margin-bottom: 0; }
.section-heading h2 em { color: #1988b4; font-style: normal; }
.section-heading > p { max-width: 520px; margin: 0 0 8px; color: var(--v04-muted); font-size: 1.08rem; }
.section-heading-light { color: #fff; }
.section-heading-light > p { color: #9db1bd; }
.button { min-height: 54px; padding: 13px 23px; border-radius: 999px; font-size: 15px; font-weight: 800; }
.button span,.button i,.card-link span,.text-link span,.section-link-row span,.subscription-v04-card a span { display: inline-block; font-style: normal; transition: transform .25s ease; }
.button:hover span,.button:hover i,.card-link:hover span,.text-link:hover span,.section-link-row a:hover span,.subscription-v04-card a:hover span { transform: translateX(4px); }
.button-accent { color: var(--v04-ink); background: var(--v04-cyan); border-color: var(--v04-cyan); }
.button-accent:hover { background: var(--v04-mint); border-color: var(--v04-mint); }
.button-ghost { color: inherit; background: transparent; border-color: currentColor; }
.button-light { color: var(--v04-ink); background: #fff; border-color: #fff; }
.button:disabled { cursor: wait; opacity: .62; transform: none; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline: 3px solid var(--v04-cyan); outline-offset: 3px; }
.breadcrumbs { display: flex; gap: 10px; margin-bottom: 34px; color: rgba(255,255,255,.68); font-size: 13px; }
.breadcrumbs a:hover { color: #fff; }

/* Navigation */
.reading-progress { position: fixed; inset: 0 0 auto; z-index: 100; height: 2px; background: transparent; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--v04-cyan),var(--v04-mint)); transform: scaleX(0); transform-origin: left; will-change: transform; }
.site-header { position: sticky; top: 0; z-index: 80; color: var(--v04-ink); background: rgba(243,247,248,.74); border-bottom: 1px solid transparent; backdrop-filter: blur(10px); transition: background .25s ease,border-color .25s ease,box-shadow .25s ease; }
.site-header.is-scrolled { background: rgba(243,247,248,.94); border-color: rgba(7,19,29,.09); box-shadow: 0 10px 36px rgba(7,19,29,.06); backdrop-filter: blur(22px); }
.header-inner { height: 76px; gap: 22px; }
.brand { min-width: 260px; gap: 11px; }
.brand img { width: 50px; height: 50px; }
.brand span { max-width: 230px; }
.brand b { font-size: 14px; }
.brand small { margin-top: 5px; font-size: 10px; letter-spacing: .16em; }
.main-nav { gap: 3px; }
.nav-links { display: flex; align-items: center; gap: 2px; }
.main-nav .nav-links > a { position: relative; padding: 10px 12px; color: #40535f; border-radius: 999px; font-size: 14px; font-weight: 720; }
.main-nav .nav-links > a::after { content: ''; position: absolute; left: 50%; bottom: 4px; width: 5px; height: 5px; background: var(--v04-cyan-strong); border-radius: 50%; opacity: 0; transform: translateX(-50%) scale(.4); transition: .2s ease; }
.main-nav .nav-links > a:hover,.main-nav .nav-links > a.is-active { color: var(--v04-ink); background: rgba(255,255,255,.74); }
.main-nav .nav-links > a.is-active::after { opacity: 1; transform: translateX(-50%) scale(1); }
.main-nav .nav-cta { margin-left: 8px; padding: 12px 19px; color: #fff; background: var(--v04-ink); border-radius: 999px; font-size: 14px; font-weight: 800; }
.main-nav .nav-cta:hover { color: var(--v04-ink); background: var(--v04-cyan); }
.mobile-nav-head,.mobile-nav-foot,.nav-backdrop { display: none; }
.menu-toggle { width: 48px; height: 48px; border-radius: 16px; }

/* Héros intérieurs */
.page-services { --hero-image: url('/upload/offres/application-business.webp'); }
.page-forfaits { --hero-image: url('/upload/offres/site-entreprise.webp'); }
.page-realisations { --hero-image: url('/upload/offres/site-vitrine-pro.webp'); }
.page-a-propos { --hero-image: url('/upload/offres/landing-page.webp'); }
.page-contact { --hero-image: url('/upload/offres/portail-client.webp'); }
.page-suivi { --hero-image: url('/upload/offres/application-enterprise.webp'); }
.page-confidentialite { --hero-image: url('/upload/offres/boutique-en-ligne.webp'); }
.page-404 { --hero-image: url('/upload/offres/site-entreprise.webp'); }
.page-hero { position: relative; isolation: isolate; padding-block: clamp(64px,7vw,104px); color: #fff; background-color: var(--v04-ink); background-image: linear-gradient(90deg,rgba(5,15,23,.98) 0%,rgba(5,15,23,.9) 50%,rgba(5,15,23,.38) 100%),var(--page-hero-image,var(--hero-image)); background-repeat: no-repeat; background-size: cover; background-position: center; }
.page-services .page-hero,.page-forfaits .page-hero,.page-realisations .page-hero,.page-a-propos .page-hero,.page-contact .page-hero,.page-suivi .page-hero,.page-confidentialite .page-hero{background-image:linear-gradient(90deg,rgba(5,15,23,.98) 0%,rgba(5,15,23,.9) 50%,rgba(5,15,23,.38) 100%),var(--page-hero-image,var(--hero-image))}
.page-hero::before { z-index: -1; inset: 0; width: auto; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; background-image: linear-gradient(rgba(67,197,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(67,197,245,.07) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
.page-hero::after { z-index: -1; inset: auto 7% 8% auto; width: 320px; height: 320px; opacity: .2; border-radius: 50%; background: var(--v04-cyan); filter: blur(120px); mask-image: none; }
.page-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.42fr); gap: clamp(50px,8vw,112px); align-items: end; }
.page-hero h1 { max-width: 880px; margin-bottom: 28px; color: #fff; font-size: clamp(3.6rem,6.5vw,6.75rem); }
.page-hero .lead { max-width: 720px; margin: 0; color: #c6d4dc; }
.page-hero-card { padding: 28px; background: rgba(10,31,44,.7); border: 1px solid rgba(255,255,255,.14); border-radius: var(--v04-radius); backdrop-filter: blur(16px); box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.page-hero-card > span { color: var(--v04-cyan); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; }
.page-hero-card strong { display: block; margin: 30px 0 10px; font-size: 1.5rem; line-height: 1.18; }
.page-hero-card p { margin: 0; color: #b3c4cd; font-size: .94rem; }

/* Accueil — héro */
.home-hero { position: relative; isolation: isolate; display: grid; min-height: calc(100svh - 76px); align-items: center; padding-block: clamp(68px,8vw,120px); overflow: hidden; color: #fff; background: var(--v04-ink); }
.hero-grid-texture { position: absolute; z-index: -2; inset: 0; opacity: .32; background-image: linear-gradient(rgba(67,197,245,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(67,197,245,.08) 1px,transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 68% 50%,#000,transparent 76%); }
.hero-glow { position: absolute; z-index: -1; right: 5%; top: 14%; width: min(44vw,660px); aspect-ratio: 1; background: rgba(67,197,245,.2); border-radius: 50%; filter: blur(125px); animation: hero-breathe 8s ease-in-out infinite alternate; }
.home-hero::after,[data-pointer-halo]::after { content: ''; position: absolute; z-index: 0; inset: 0; opacity: 0; background: radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(67,197,245,.11),transparent 68%); pointer-events: none; transition: opacity .35s ease; }
.home-hero:hover::after,[data-pointer-halo]:hover::after { opacity: 1; }
.home-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(480px,.92fr); gap: clamp(48px,6vw,92px); align-items: center; }
.home-hero-copy { position: relative; z-index: 2; }
.home-hero .eyebrow { color: var(--v04-cyan); }
.home-hero h1 { max-width: 770px; margin-bottom: 30px; font-size: clamp(3.5rem,6.2vw,6.25rem); }
.home-hero h1 em { color: var(--v04-cyan); font-style: normal; }
.home-hero .lead { max-width: 650px; color: #b9cbd4; }
.home-hero .hero-actions { margin-top: 36px; }
.trust-strip { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 42px; color: #c5d4db; font-size: 12px; font-weight: 720; }
.trust-strip span { display: inline-flex; align-items: center; gap: 8px; }
.trust-strip span::before { content: ''; width: 7px; height: 7px; background: var(--v04-mint); border-radius: 50%; box-shadow: 0 0 0 4px rgba(158,240,207,.09); }
.hero-demo { position: relative; z-index: 1; min-width: 0; padding: 0 12px; translate: 0 var(--parallax-y,0); }

/* Accueil — services éditoriaux */
.home-services-section { padding-top: clamp(64px,6vw,88px); background: linear-gradient(180deg,#f6f9fa,#edf4f6); scroll-margin-top: 88px; }
.rich-intro { max-width: 820px; margin-bottom: 60px; }
.editorial-services { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-auto-rows: minmax(230px,auto); gap: 20px; }
.editorial-service { position: relative; isolation: isolate; min-height: 420px; overflow: hidden; color: #fff; background: var(--v04-ink); border-radius: var(--v04-radius-lg); box-shadow: var(--v04-shadow); }
.editorial-service::after { border-radius: inherit; }
.service-layout-1 { grid-column: span 7; grid-row: span 2; min-height: 640px; }.service-layout-2 { grid-column: span 5; }.service-layout-3 { grid-column: span 5; }
.editorial-service > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease; }
.editorial-service-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(6,18,27,.05) 20%,rgba(6,18,27,.92) 90%); }
.editorial-service-copy { position: absolute; inset: auto 0 0; padding: clamp(28px,4vw,46px); }
.editorial-service-copy > span { color: var(--v04-cyan); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.editorial-service-copy h3 { margin: 12px 0; font-size: clamp(2rem,3.4vw,3.65rem); }
.editorial-service-copy p { max-width: 610px; margin: 0; color: #c3d1d8; }
.editorial-service-copy ul { display: grid; gap: 6px; max-width: 610px; margin: 18px 0 0; padding: 0; list-style: none; color: #e6f0f4; font-size: 13px; font-weight: 720; }
.editorial-service-copy li { position: relative; padding-left: 23px; }
.editorial-service-copy li::before { content: '✓'; position: absolute; left: 0; color: var(--v04-mint); font-weight: 900; }
.editorial-service-copy a { display: inline-flex; gap: 10px; margin-top: 22px; align-items: center; font-weight: 820; }
.editorial-service-copy a:hover { color: var(--v04-mint); }
.editorial-service:hover > img { transform: scale(1.035); filter: saturate(1.08); }

/* Accueil — panneau admin */
.admin-feature-section { color: #fff; background: var(--v04-ink); }
.admin-feature-grid { display: grid; grid-template-columns: minmax(300px,.68fr) minmax(0,1.32fr); gap: clamp(50px,8vw,110px); align-items: start; }
.admin-feature-copy { position: sticky; top: 118px; }
.admin-feature-copy .eyebrow { color: var(--v04-cyan); }.admin-feature-copy h2 { font-size: clamp(2.8rem,4.4vw,4.7rem); }.admin-feature-copy > p { color: #a8bbc5; }
.feature-list { display: grid; gap: 14px; margin: 32px 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 32px; }.feature-list li::before { content: '✓'; position: absolute; left: 0; display: grid; width: 21px; height: 21px; place-items: center; color: var(--v04-ink); background: var(--v04-mint); border-radius: 50%; font-size: 11px; font-weight: 900; }
.admin-showcase { min-width: 0; }
.admin-tab-list { display: flex; gap: 8px; margin-bottom: 14px; padding: 7px; overflow-x: auto; background: #0d2635; border: 1px solid var(--v04-dark-line); border-radius: 17px; scrollbar-width: none; }
.admin-tab-list button { flex: 1; min-height: 44px; padding: 9px 13px; color: #91aab7; background: transparent; border: 0; border-radius: 11px; font-size: 12px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.admin-tab-list button[aria-selected=true] { color: var(--v04-ink); background: var(--v04-cyan); }
.admin-screen { min-height: 520px; overflow: hidden; background: #f4f7f8; border: 1px solid rgba(255,255,255,.16); border-radius: 26px; box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.admin-screen-bar { display: flex; height: 52px; align-items: center; gap: 7px; padding: 0 20px; background: #102735; }.admin-screen-bar span { width: 8px; height: 8px; background: var(--v04-cyan); border-radius: 50%; }.admin-screen-bar span:nth-child(2){opacity:.55}.admin-screen-bar span:nth-child(3){opacity:.25}.admin-screen-bar small{margin-left:10px;color:#829aa7}
.admin-tab-panel { min-height: 468px; padding: clamp(30px,5vw,56px); color: var(--v04-text); animation: tab-in .35s ease both; }
.screen-kicker { color: #1682ae; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .14em; }.admin-tab-panel h3{max-width:540px;margin:14px 0 38px;font-size:clamp(2.2rem,4vw,4rem)}
.screen-rows { display:grid;gap:10px }.screen-rows i { height:56px;background:#fff;border:1px solid #dbe4e8;border-radius:12px;box-shadow:0 8px 24px rgba(8,35,50,.04) }.screen-rows i:nth-child(2){width:88%}.screen-rows i:nth-child(3){width:94%}.screen-rows i:nth-child(4){width:76%}
.screen-thumbs,.screen-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:12px }.screen-thumbs i{aspect-ratio:1;background:linear-gradient(145deg,#123a52,var(--v04-cyan));border-radius:16px}.screen-thumbs i:nth-child(2){background:linear-gradient(145deg,#d7e8ee,#174861)}.screen-thumbs i:nth-child(3){background:linear-gradient(145deg,var(--v04-mint),#20799e)}
.screen-cards i{height:180px;background:#fff;border:1px solid #dbe4e8;border-radius:16px}.screen-cards i:nth-child(2){background:#102735;border-color:#102735;transform:translateY(-12px)}
.screen-request{display:grid;grid-template-columns:1fr auto;gap:12px;padding:24px;background:#fff;border:1px solid #dbe4e8;border-radius:16px}.screen-request span{padding:5px 9px;background:#dff8ee;border-radius:99px;font-size:11px}.screen-request small{grid-column:1/-1;color:#6c808b}
.screen-bars{display:flex;height:210px;align-items:end;gap:14px;padding:25px;background:#102735;border-radius:18px}.screen-bars i{flex:1;height:38%;background:var(--v04-cyan);border-radius:8px 8px 2px 2px}.screen-bars i:nth-child(2){height:56%}.screen-bars i:nth-child(3){height:48%}.screen-bars i:nth-child(4){height:78%;background:var(--v04-mint)}.screen-bars i:nth-child(5){height:68%}

/* Accueil — forfaits */
.popular-section { background: #fff; }
.popular-grid { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; gap: clamp(26px,3vw,40px); align-items: stretch; }
.popular-card { position: relative; display: grid; grid-template-columns: minmax(420px,45%) minmax(0,55%); width: 100%; min-width: 0; min-height: 520px; overflow: hidden; background: #f7fafb; border: 1px solid var(--v04-line); border-radius: var(--v04-radius); box-shadow: 0 18px 50px rgba(7,31,45,.06); transition: transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s; }
.popular-card::after { border-radius: inherit; }.popular-card:hover { transform: translateY(-7px); border-color: rgba(19,174,233,.5); box-shadow: 0 24px 62px rgba(8,40,56,.12),0 0 0 1px rgba(67,197,245,.12); }
.popular-card.is-popular { color: #fff; background: var(--v04-ink); border-color: var(--v04-ink); }.popular-card.is-popular p,.popular-card.is-popular dd{color:#b9c9d1}
.popular-card > img { display: block; width: 100%; height: 100%; min-height: 100%; object-fit: cover; object-position: center; }
.popular-badge { position: absolute; z-index: 2; left: 18px; top: 18px; padding: 6px 10px; color: var(--v04-ink); background: var(--v04-mint); border-radius: 99px; font-size: 10px; font-weight: 900; text-transform: uppercase; box-shadow: 0 8px 22px rgba(3,21,31,.18); }
.popular-card-body { display: flex; min-width: 0; flex-direction: column; padding: clamp(30px,4.5vw,52px); border-left: 1px solid var(--v04-line); }
.card-category { color: #1884ae; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .14em; }.popular-card-body h3{margin:10px 0 0;font-size:1.75rem}.card-price{margin:17px 0;font-size:2.75rem;font-weight:900;line-height:1;letter-spacing:-.06em}.card-price small{font-size:13px;letter-spacing:0}.popular-card-body>p{color:var(--v04-muted)}
.popular-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 20px; margin: 22px 0; }.popular-card dl>div{padding-top:12px;border-top:1px solid currentColor;border-color:rgba(91,113,126,.2)}.popular-card dt{color:#1a779e;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.popular-card dd{margin:3px 0 0;color:#425865;font-size:13px;font-weight:700}.popular-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0 0 24px;padding:0;list-style:none;font-size:13px}.popular-card li{position:relative;padding-left:24px}.popular-card li::before{content:'✓';position:absolute;left:0;color:#0c8e67;font-weight:900}.popular-card.is-popular li::before{color:var(--v04-mint)}
.card-link { display: flex; min-height: 50px; margin-top: auto; align-items: center; justify-content: space-between; padding: 12px 18px; color: var(--v04-ink); background: #fff; border: 1px solid var(--v04-line); border-radius: 999px; font-weight: 850; }.popular-card:not(.is-popular) .card-link{background:var(--v04-ink);color:#fff}.card-link:hover{background:var(--v04-cyan)!important;color:var(--v04-ink)!important}
.section-link-row { display: flex; justify-content: flex-end; margin-top: 34px; }.section-link-row a{display:inline-flex;gap:10px;align-items:center;font-weight:850}

/* Méthode, FAQ, CTA */
.method-section { color: #fff; background: var(--v04-ink); }
.method-timeline { position: relative; display: grid; grid-template-columns: repeat(4,1fr); padding-top: 56px; }
.timeline-track { position: absolute; left: 0; right: 0; top: 17px; height: 2px; overflow: hidden; background: rgba(255,255,255,.13); }.timeline-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--v04-cyan),var(--v04-mint));transform:scaleX(0);transform-origin:left;will-change:transform}
.method-timeline article { position: relative; padding-right: clamp(24px,4vw,55px); }.method-timeline article::before{content:'';position:absolute;left:0;top:-46px;width:13px;height:13px;background:var(--v04-ink);border:3px solid var(--v04-cyan);border-radius:50%}.method-timeline article>span{color:var(--v04-cyan);font-size:11px;font-weight:900}.method-timeline h3{margin:20px 0 12px;font-size:1.55rem}.method-timeline p{margin:0;color:#9db1bd}
.faq-section { background: linear-gradient(180deg,#f3f7f8,#eaf2f4); }
.faq-layout { display: grid; grid-template-columns: minmax(280px,.56fr) minmax(0,1.1fr); gap: clamp(48px,8vw,115px); align-items: start; }
.faq-intro { position: sticky; top: 118px; }.faq-intro h2{font-size:clamp(2.8rem,4.5vw,4.7rem)}.faq-intro>p{color:var(--v04-muted)}.faq-intro>a{display:inline-flex;gap:9px;margin-top:22px;font-weight:850}
.faq-list { border-top: 1px solid var(--v04-line); }.faq-item{border-bottom:1px solid var(--v04-line)}.faq-item h3{margin:0}.faq-item button{width:100%;min-height:82px;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;color:var(--v04-text);background:transparent;border:0;border-radius:14px;cursor:pointer;font-size:1.05rem;font-weight:820;transition:color .22s ease,background-color .22s ease}.faq-item button:hover,.faq-item button[aria-expanded=true]{color:#0d6f96;background:rgba(67,197,245,.08)}.faq-item button:focus-visible{position:relative;z-index:1;outline:3px solid var(--v04-cyan-strong);outline-offset:3px}.faq-item button>span:first-child{min-width:0;padding-right:8px}.faq-toggle-icon{position:relative;display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid var(--v04-line);border-radius:50%;font-size:0;line-height:1;transition:transform .25s ease,border-color .22s ease,background-color .22s ease}.faq-toggle-icon::before{content:'+';display:block;font-size:22px;font-weight:500;line-height:1;transform:translateY(-1px)}.faq-item button[aria-expanded=true] .faq-toggle-icon{transform:rotate(45deg);border-color:rgba(19,174,233,.5);background:rgba(67,197,245,.12)}.faq-answer{height:0;overflow:hidden;opacity:0;color:var(--v04-muted);transition:height .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.faq-answer.is-open{opacity:1}.faq-answer-inner{padding:2px 66px 28px 16px}.faq-answer p{margin:0}
.final-cta-section { padding-top: 40px; }.final-cta{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:50px;align-items:end;padding:clamp(38px,6vw,72px);overflow:hidden;color:#fff;background:var(--v04-cyan);border-radius:var(--v04-radius-lg)}.final-cta::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,var(--v04-navy),var(--v04-ink) 62%,#12384d)}.final-cta::after{border-radius:inherit}.final-cta .eyebrow{color:var(--v04-cyan)}.final-cta h2{max-width:800px;margin-bottom:18px;font-size:clamp(2.6rem,4.6vw,5rem)}.final-cta p{max-width:680px;color:#b5c7d0}.final-cta-actions{display:grid;gap:14px;justify-items:start}.final-cta-actions>a:not(.button){color:var(--v04-cyan);font-size:13px;font-weight:800;overflow-wrap:anywhere}.final-cta-actions>span{color:#91a8b4;font-size:12px}

/* Services */
.services-intro-section { padding-block: 48px; background: #fff; }.services-intro{display:grid;grid-template-columns:auto 1fr 1fr;gap:36px;align-items:start}.services-intro>span{color:#1682ad;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.services-intro p{margin:0;color:var(--v04-muted)}
.services-catalogue { padding-bottom: clamp(80px,10vw,140px); background: #fff; }.services-catalogue-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(50px,8vw,110px);align-items:start}.services-index{position:sticky;top:110px;padding:24px;background:#f0f5f6;border:1px solid var(--v04-line);border-radius:20px}.services-index>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.services-index ol{display:grid;gap:4px;margin:18px 0 25px;padding:0;list-style:none}.services-index a:not(.button){display:grid;grid-template-columns:28px 1fr;gap:8px;padding:9px 0;color:#526975;font-size:13px;font-weight:760}.services-index a:hover{color:var(--v04-text)}.services-index a b{color:#1682ad;font-size:10px}.services-index .button{width:100%}
.service-sections{display:grid;gap:clamp(80px,11vw,150px)}.service-detail{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:clamp(38px,6vw,80px);align-items:center;scroll-margin-top:110px}.service-detail.is-reversed .service-detail-visual{order:2}.service-detail-visual{position:relative;isolation:isolate;min-height:660px;overflow:hidden;background:var(--v04-ink);border-radius:var(--v04-radius-lg);box-shadow:var(--v04-shadow)}.service-detail-visual::after{border-radius:inherit}.service-detail-visual img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}.service-detail-visual::before{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,16,24,.82))}.service-detail-visual>span{position:absolute;left:26px;top:24px;display:grid;width:48px;height:48px;place-items:center;color:var(--v04-ink);background:var(--v04-mint);border-radius:15px;font-weight:900}.service-detail-visual>small{position:absolute;left:28px;bottom:27px;color:#fff;font-size:13px;font-weight:850}.service-detail-copy>.eyebrow{margin-bottom:18px}.service-detail-copy>h2{font-size:clamp(2.35rem,4vw,4.2rem)}.service-long-copy{color:var(--v04-muted);font-size:1.05rem}.service-audience{margin:28px 0;padding:20px;background:#edf5f7;border-left:3px solid var(--v04-cyan);border-radius:0 15px 15px 0}.service-audience span,.service-examples>span{display:block;color:#167ba3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.service-audience p{margin:5px 0 0}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-columns h3{font-size:1rem}.service-columns ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:var(--v04-muted);font-size:14px}.service-columns li{position:relative;padding-left:20px}.service-columns li::before{content:'•';position:absolute;left:0;color:var(--v04-cyan-strong)}.service-examples{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.service-examples>span{flex-basis:100%}.service-examples b{padding:6px 10px;background:#e8f2f5;border-radius:99px;font-size:11px}.service-foundation{color:#fff;background:var(--v04-ink)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,100px);align-items:center}.split-feature h2{font-size:clamp(2.7rem,4.7vw,5rem)}

/* Forfaits */
.pricing-catalogue{background:#fff}.package-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:38px}.package-filters button{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;text-align:left;color:var(--v04-muted);background:#f3f7f8;border:1px solid var(--v04-line);border-radius:16px;cursor:pointer;scroll-margin-top:110px}.package-filters button span{font-weight:850}.package-filters button small{font-size:11px}.package-filters button:hover{color:var(--v04-text);border-color:var(--v04-cyan-strong)}.package-filters button.is-active{color:#fff;background:var(--v04-ink);border-color:var(--v04-ink)}
.package-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:clamp(28px,3vw,42px)}.package-card{position:relative;display:grid;grid-template-columns:minmax(440px,45%) minmax(0,55%);width:100%;min-height:660px;overflow:hidden;background:#f7fafb;border:1px solid var(--v04-line);border-radius:var(--v04-radius-lg);box-shadow:0 20px 58px rgba(7,31,45,.08);transition:transform .3s,border-color .3s,box-shadow .3s}.package-card::after{border-radius:inherit}.package-card:hover{transform:translateY(-4px);border-color:rgba(19,174,233,.38);box-shadow:0 28px 70px rgba(7,31,45,.11)}.package-card[hidden]{display:none}.package-media{position:relative;min-height:100%;overflow:hidden;background:var(--v04-ink)}.package-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.package-card:hover .package-media img{transform:scale(1.025)}.package-media>span{position:absolute;right:18px;top:18px;padding:6px 11px;color:var(--v04-ink);background:var(--v04-mint);border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase;box-shadow:0 8px 22px rgba(3,21,31,.18)}.package-body{display:flex;min-width:0;flex-direction:column;padding:clamp(34px,5vw,58px);border-left:1px solid var(--v04-line)}.package-heading>span{color:#1682ad;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.package-heading h2{margin:11px 0 0;font-size:clamp(2.2rem,3.4vw,3.65rem)}.package-price{margin:22px 0}.package-price small{display:block;color:var(--v04-muted);font-size:11px;font-weight:760}.package-price strong{font-size:clamp(3rem,4vw,4rem);line-height:1;letter-spacing:-.06em}.package-price i{font-size:14px;font-style:normal;letter-spacing:0}.package-description{color:var(--v04-muted)}.package-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.package-outcomes>div{padding:16px;background:#edf5f7;border-radius:14px}.package-outcomes dt,.package-specs small{color:#167ba3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.package-outcomes dd{margin:5px 0 0;font-size:13px;font-weight:720}.package-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 24px;overflow:hidden;background:var(--v04-line);border:1px solid var(--v04-line);border-radius:14px}.package-specs>span{padding:14px;background:#fff;font-size:12px;font-weight:730}.package-specs small{display:block;margin-bottom:5px}.package-inclusions{margin-bottom:25px}.package-inclusions h3{font-size:1rem}.package-inclusions ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:13px}.package-inclusions li{position:relative;padding-left:24px}.package-inclusions li::before{content:'✓';position:absolute;left:0;color:#078b64;font-weight:900}.package-body>.button{width:100%;margin-top:auto}

@media (min-width: 1200px) {
  .popular-section .container { width: min(calc(100% - 80px),1380px); }
  .pricing-catalogue .container { width: min(calc(100% - 80px),1440px); }
}
.comparison-section{color:#fff;background:var(--v04-ink)}.comparison-wrap{overflow-x:auto;border:1px solid var(--v04-dark-line);border-radius:20px}.comparison-table{width:100%;min-width:1050px;border-collapse:collapse}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.comparison-table th,.comparison-table td{padding:18px 16px;text-align:left;border-bottom:1px solid var(--v04-dark-line);vertical-align:top;font-size:12px}.comparison-table thead th{color:var(--v04-cyan);background:#0c202d;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.comparison-table tbody th{min-width:170px;color:#fff;font-size:14px}.comparison-table tbody th small{display:block;margin-top:5px;color:#8199a6;font-size:9px;text-transform:uppercase}.comparison-table td{color:#b6c7cf}.comparison-table tbody tr:hover{background:rgba(67,197,245,.04)}
.ownership-section{background:#e9f2f4}.ownership-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(50px,8vw,110px);align-items:start}.ownership-grid h2{font-size:clamp(2.45rem,4.4vw,4.7rem)}.ownership-options{display:grid;gap:14px}.ownership-options article{padding:28px;background:#fff;border:1px solid var(--v04-line);border-radius:20px}.ownership-options span{color:#1682ad;font-size:11px;font-weight:900}.ownership-options h3{margin:18px 0 8px;font-size:1.45rem}.ownership-options p{margin:0;color:var(--v04-muted)}
.subscriptions-section{background:#fff;scroll-margin-top:88px}.subscription-v04-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.subscription-v04-card{position:relative;display:flex;grid-column:span 2;min-height:450px;flex-direction:column;padding:26px;background:#f4f8f9;border:1px solid var(--v04-line);border-radius:20px}.subscription-v04-card:nth-child(n+4){grid-column:span 3}.subscription-v04-card.is-recommended{color:#fff;background:var(--v04-ink);border-color:var(--v04-ink);transform:translateY(-9px)}.subscription-tag{position:absolute;right:18px;top:18px;padding:5px 9px;color:var(--v04-ink);background:var(--v04-mint);border-radius:99px;font-size:9px;font-weight:900;text-transform:uppercase}.subscription-v04-head h3{margin-bottom:10px;font-size:1.5rem}.subscription-v04-head strong{font-size:2.6rem;line-height:1;letter-spacing:-.055em}.subscription-v04-head small{font-size:12px;letter-spacing:0}.subscription-v04-card>p{color:var(--v04-muted)}.subscription-v04-card.is-recommended>p{color:#afc1ca}.subscription-fit{margin:16px 0;padding:14px;background:#e6f1f4;border-radius:12px}.is-recommended .subscription-fit{background:rgba(67,197,245,.1)}.subscription-fit span,.subscription-fit b{display:block}.subscription-fit span{color:#167ba3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.subscription-fit b{margin-top:4px;font-size:12px}.subscription-v04-card ul{display:grid;gap:9px;margin:12px 0 25px;padding:0;list-style:none;font-size:13px}.subscription-v04-card li{position:relative;padding-left:22px}.subscription-v04-card li::before{content:'✓';position:absolute;left:0;color:#078b64;font-weight:900}.is-recommended li::before{color:var(--v04-mint)}.subscription-v04-card>a{display:flex;margin-top:auto;justify-content:space-between;font-weight:850}.no-subscription-note{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-top:28px;padding:25px 28px;color:#fff;background:var(--v04-ink);border-radius:18px}.no-subscription-note span{color:var(--v04-cyan);font-weight:900}.no-subscription-note p{margin:0;color:#b5c5cd}

/* Réalisations */
.portfolio-v04-section{background:#fff}.portfolio-v04-list{display:grid;gap:clamp(90px,12vw,160px)}.case-study{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:clamp(42px,7vw,90px);align-items:center}.case-study.is-reversed .case-gallery{order:2}.case-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;min-height:620px}.case-gallery.is-single{grid-template-columns:1fr}.case-main-shot,.case-secondary-shots>div{display:grid;min-width:0;overflow:hidden;place-items:center;color:#79909d;background:#0e2634;border-radius:18px}.case-secondary-shots{display:grid;gap:8px;min-width:0}.case-gallery.has-many .case-secondary-shots{grid-auto-rows:minmax(150px,1fr)}.case-shot-button{display:block;width:100%;height:100%;min-height:100%;padding:0;overflow:hidden;background:#0e2634;border:0;border-radius:inherit;cursor:zoom-in}.case-shot-button img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease}.case-shot-button:hover img{transform:scale(1.025);filter:saturate(1.04)}.case-shot-button:focus-visible{position:relative;z-index:2;outline-color:var(--v04-mint);outline-offset:-5px}.case-shot-placeholder{min-height:420px}.case-meta{display:flex;gap:10px;align-items:center}.case-meta span{color:#1682ad;font-size:11px;font-weight:900}.case-meta b,.case-meta small{padding:5px 9px;background:#e8f2f5;border-radius:99px;font-size:10px}.case-copy h2{margin:22px 0;font-size:clamp(2.7rem,4.8vw,5rem)}.case-summary{color:var(--v04-muted);font-size:1.08rem}.case-fact{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:17px 0;border-top:1px solid var(--v04-line)}.case-fact>span,.case-tech>span,.case-result>span{color:#167ba3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.case-fact p{margin:0}.case-tech{display:flex;flex-wrap:wrap;gap:7px;padding-top:18px;border-top:1px solid var(--v04-line)}.case-tech>span{flex-basis:100%}.case-tech b{padding:5px 9px;background:#e8f2f5;border-radius:99px;font-size:10px}.case-result{margin:20px 0;padding:18px;color:#fff;background:var(--v04-ink);border-radius:14px}.case-result span,.case-result strong{display:block}.case-result span{color:var(--v04-cyan)}.case-result strong{margin-top:5px}.case-copy>.button{margin-top:24px}.portfolio-empty-v04{display:grid;min-height:650px;align-items:center;padding-block:90px;color:#fff;background-color:var(--v04-ink);background-image:linear-gradient(90deg,rgba(5,15,23,.97),rgba(5,15,23,.76)),var(--hero-image);background-size:cover;background-position:center}.portfolio-empty-v04 .container{max-width:880px}.portfolio-empty-v04 h1{font-size:clamp(3.2rem,6vw,6rem)}.portfolio-empty-v04 p:not(.eyebrow){max-width:700px;color:#bdcdd5;font-size:1.12rem}.portfolio-empty-v04 .button{margin-top:25px}
.lightbox-open{position:fixed;width:100%;overflow:hidden}.portfolio-lightbox[hidden],.portfolio-lightbox-nav[hidden]{display:none!important}.portfolio-lightbox{position:fixed;z-index:300;inset:0;display:grid;padding:clamp(12px,3vw,34px);place-items:center;color:#fff;background:rgba(2,9,14,.94);backdrop-filter:blur(12px)}.portfolio-lightbox-panel{position:relative;display:grid;width:min(100%,1540px);height:min(100%,980px);grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:center;touch-action:pan-y}.portfolio-lightbox figure{display:grid;min-width:0;height:100%;margin:0;grid-template-rows:minmax(0,1fr) auto;place-items:center}.portfolio-lightbox figure img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);object-fit:contain;box-shadow:0 28px 90px rgba(0,0,0,.42);user-select:none;-webkit-user-drag:none}.portfolio-lightbox figcaption{max-width:900px;margin-top:12px;color:#c4d3da;text-align:center;font-size:13px}.portfolio-lightbox-close,.portfolio-lightbox-nav{display:grid;place-items:center;color:#fff;background:rgba(18,50,70,.84);border:1px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:background .2s ease,transform .2s ease}.portfolio-lightbox-close:hover,.portfolio-lightbox-nav:hover{color:var(--v04-ink);background:var(--v04-cyan)}.portfolio-lightbox-close{position:absolute;z-index:2;right:0;top:0;width:50px;height:50px;font-size:30px}.portfolio-lightbox-nav{width:54px;height:54px;font-size:24px}.portfolio-lightbox-prev{grid-column:1}.portfolio-lightbox-next{grid-column:3}.portfolio-lightbox figure{grid-column:2;grid-row:1}.portfolio-lightbox-counter{grid-column:2;grid-row:2;justify-self:center;min-width:76px;padding:7px 13px;text-align:center;background:rgba(18,50,70,.85);border-radius:99px;font-size:12px;font-weight:850;letter-spacing:.08em}

/* À propos */
.origin-section{background:#fff}.origin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,125px);align-items:start}.origin-heading{position:sticky;top:118px}.origin-heading h2{font-size:clamp(2.6rem,4.4vw,4.75rem)}.origin-story>p,.origin-story .legal p{color:var(--v04-muted);font-size:1.08rem}.origin-principles{display:grid;gap:12px;margin-top:35px}.origin-principles span{display:flex;gap:15px;padding:18px 0;border-top:1px solid var(--v04-line);font-weight:800}.origin-principles b{color:#1682ad;font-size:11px}.philosophy-section{color:#fff;background:var(--v04-ink)}.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;background:var(--v04-dark-line);border:1px solid var(--v04-dark-line);border-radius:22px}.philosophy-grid article{min-height:310px;padding:30px;background:#0b1d29}.philosophy-grid span{color:var(--v04-cyan);font-size:11px;font-weight:900}.philosophy-grid h3{margin:70px 0 15px;font-size:1.55rem}.philosophy-grid p{color:#9fb2bc}.work-method-section{background:#eaf2f4}.work-method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,120px);align-items:center}.work-method-grid>div>p{color:var(--v04-muted)}.text-link{display:inline-flex;gap:8px;margin-top:20px;font-weight:850}.work-method-grid ol{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--v04-line)}.work-method-grid li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--v04-line)}.work-method-grid li>span{color:#1682ad;font-size:11px;font-weight:900}.work-method-grid li h3{margin-bottom:7px}.work-method-grid li p{margin:0;color:var(--v04-muted)}
.team-v04-section{background:#fff}.team-v04-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-v04-card{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);min-height:560px;overflow:hidden;background:#f4f8f9;border:1px solid var(--v04-line);border-radius:var(--v04-radius)}.team-v04-photo{position:relative;min-height:560px;overflow:hidden;background:#dce8ec}.team-v04-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,20,29,.4))}.team-v04-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.82) contrast(1.03);transform:scale(1.02)}.team-v04-photo span{position:absolute;z-index:1;left:18px;bottom:18px;padding:6px 10px;color:#fff;background:rgba(7,19,29,.7);border:1px solid rgba(255,255,255,.18);border-radius:99px;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}.team-v04-copy{align-self:center;padding:clamp(26px,4vw,42px)}.team-v04-copy small{color:#1682ad;font-weight:850}.team-v04-copy h3{margin:12px 0;font-size:2rem}.team-v04-copy p{color:var(--v04-muted)}.team-v04-copy ul{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none;font-size:13px}.team-v04-copy li{position:relative;padding-left:22px}.team-v04-copy li::before{content:'✓';position:absolute;left:0;color:#078b64;font-weight:900}

/* Contact */
.contact-v04-section{background:#eef4f6}.contact-v04-layout{display:grid;grid-template-columns:minmax(280px,.54fr) minmax(0,1.25fr);gap:clamp(42px,7vw,92px);align-items:start}.contact-v04-aside{position:sticky;top:112px}.contact-v04-aside h2{font-size:clamp(2.4rem,4vw,4.2rem)}.contact-v04-aside>p{color:var(--v04-muted)}.contact-details{display:grid;gap:8px;margin-top:35px;padding-top:25px;border-top:1px solid var(--v04-line)}.contact-details>span{color:#1682ad;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.contact-details>a{font-weight:820;overflow-wrap:anywhere}.contact-details>b{color:var(--v04-muted);font-size:13px}.contact-details a:last-child{display:flex;justify-content:space-between;margin-top:15px}.project-form-card{overflow:hidden;background:#fff;border:1px solid var(--v04-line);border-radius:var(--v04-radius-lg);box-shadow:var(--v04-shadow)}.project-form-head{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:30px 34px;color:#fff;background:var(--v04-ink)}.project-form-head>div>span{color:var(--v04-cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.project-form-head h2{margin:7px 0 0;font-size:2rem}.step-progress{min-width:145px}.step-progress small{display:block;margin-bottom:8px;color:#b5c5cd;font-size:11px}.step-progress i{display:block;height:4px;overflow:hidden;background:rgba(255,255,255,.13);border-radius:99px}.step-progress b{display:block;width:100%;height:100%;background:var(--v04-cyan);transform:scaleX(.25);transform-origin:left;transition:transform .3s}.form-error-summary{margin:24px 30px 0;padding:17px 20px;color:#8d2424;background:#fff0f0;border:1px solid #ecc0c0;border-radius:14px}.form-error-summary ul{margin:8px 0 0;padding-left:20px}.mode-chooser,.project-step{margin:0;padding:30px 34px;border:0;border-bottom:1px solid var(--v04-line)}.mode-chooser legend{font-weight:850}.mode-chooser>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mode-chooser label{position:relative;cursor:pointer}.mode-chooser input{position:absolute;opacity:0;pointer-events:none}.mode-chooser label>span{display:grid;min-height:120px;align-content:start;padding:18px;background:#f3f7f8;border:1px solid var(--v04-line);border-radius:15px;transition:.2s}.mode-chooser input:checked+span{background:#e9f7fb;border-color:var(--v04-cyan-strong);box-shadow:0 0 0 3px rgba(19,174,233,.1)}.mode-chooser label b{font-size:1rem}.mode-chooser label small{margin-top:5px;color:var(--v04-muted)}.mode-chooser label em{margin-top:14px;color:#1682ad;font-size:11px;font-style:normal;font-weight:850}.project-step>legend{display:flex;align-items:center;gap:12px;width:100%;padding:0;font-weight:850}.project-step>legend>span{display:grid;width:34px;height:34px;place-items:center;color:#166e93;background:#e6f3f7;border-radius:10px;font-size:10px}.project-step>legend>div small{display:block;margin-top:2px;color:var(--v04-muted);font-size:11px;font-weight:500}.project-step .form-grid{margin-top:24px}.field label{font-size:12px}.field input,.field textarea,.field select{min-height:50px;color:var(--v04-text);background:#f8fafb;border-color:#b7c8d0}.field textarea{min-height:130px}.field small{color:var(--v04-muted)}.stepper-actions{display:flex;align-items:center;gap:12px;padding:25px 34px}.stepper-actions>span{flex:1;color:var(--v04-muted);font-size:11px;text-align:center}.stepper-actions .button{white-space:nowrap}.project-form-card.is-submitting{opacity:.82}
.js-enabled [data-project-form] [data-form-step][hidden],.js-enabled [data-project-form] [data-brief-only][hidden]{display:none!important}[data-project-form]:has(input[value=quick]:checked) [data-brief-only],[data-project-form]:has(input[value=quick]:checked) [data-brief-step]{display:none}

/* Suivi, merci, politique et pages utilitaires */
.tracking-hero-grid,.portfolio-hero-grid,.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:clamp(50px,8vw,112px);align-items:end}.tracking-lock,.portfolio-hero-note,.about-manifesto{background:rgba(10,31,44,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px)}.tracking-section{background:#eef4f6}.tracking-form{border-radius:18px;box-shadow:var(--v04-shadow)}.tracking-result{border-radius:var(--v04-radius)}.notice{border-radius:14px}.page-confidentialite .page-hero{background-attachment:fixed}.page-confidentialite .page-hero .legal{max-width:900px}.page-confidentialite .page-hero .legal p,.page-confidentialite .page-hero .legal li{color:#c6d4dc}.page-confidentialite .page-hero .legal h2{color:#fff}.thanks-hero{min-height:650px;display:grid;align-items:center}.thanks-hero .request-number-box{border:1px solid rgba(255,255,255,.15)}

/* Pied de page */
.site-footer { padding: 0 0 28px; color: #bac9d1; background: #050e15; }
.footer-top { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; padding-block: 70px; border-bottom: 1px solid rgba(255,255,255,.11); }
.footer-promise h2 { max-width: 780px; margin: 12px 0 15px; color: #fff; font-size: clamp(2.4rem,4vw,4.2rem); }.footer-promise p{max-width:700px;margin:0;color:#91a6b1}.footer-label{color:var(--v04-cyan);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.footer-grid { grid-template-columns: 1.25fr .65fr 1fr .9fr; gap: 50px; padding-block: 60px; }.footer-brand{display:flex;gap:12px;align-items:center;color:#fff}.footer-brand img{width:62px;height:62px}.footer-brand span{display:grid}.footer-brand small{color:#8399a5}.footer-brand-block p{max-width:310px;color:#8399a5}.site-footer h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.site-footer a,.site-footer span{font-size:13px}.footer-bottom{padding-top:22px}

/* Animations progressives */
.js-enabled .reveal-pending { opacity: 0; filter: blur(6px); transform: translateY(24px); }
.js-enabled .reveal-pending[data-reveal=left] { transform: translateX(-24px); }.js-enabled .reveal-pending[data-reveal=right]{transform:translateX(24px)}.js-enabled .reveal-pending[data-reveal=scale]{transform:scale(.975)}
.js-enabled .reveal-pending.is-revealed { opacity: 1; filter: blur(0); transform: none; transition: opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1); }
.js-enabled [data-stagger].reveal-pending> * { opacity: 0; transform: translateY(18px); }.js-enabled [data-stagger].reveal-pending.is-revealed> * { opacity:1;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms) }
[data-parallax] { translate: 0 var(--parallax-y,0); }
@keyframes hero-breathe { to { transform: translate3d(-22px,16px,0) scale(1.06); opacity:.72 } }
@keyframes float-soft { 50% { transform: translateY(-8px) } }
@keyframes tab-in { from { opacity:0;transform:translateY(8px) } to { opacity:1;transform:none } }

/* Tablettes */
@media (max-width: 1180px) {
  .home-hero-grid { grid-template-columns: minmax(0,1fr) minmax(420px,.8fr); gap: 42px; }
  .floating-feature { min-width: 145px; }.feature-speed{right:-5px}.feature-admin{left:-4px}
  .team-v04-card { grid-template-columns: minmax(210px,.75fr) 1fr; }
  .team-v04-copy { padding: 27px; }
  .popular-card { grid-template-columns: minmax(320px,40%) minmax(0,60%); }
  .package-card { grid-template-columns: minmax(340px,42%) minmax(0,58%); }
}

@media (max-width: 980px) {
  .container { width: min(calc(100% - 36px),var(--max)); }
  .header-inner { height: 72px; }.brand{min-width:0}.brand span{display:none}.menu-toggle{display:grid;position:relative;z-index:91}.menu-toggle span{transition:transform .25s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav { position:fixed;z-index:90;inset:0 0 0 auto;display:flex;width:min(88vw,430px);height:100vh;height:100dvh;max-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));flex-direction:column;align-items:stretch;gap:22px;color:#fff;background:var(--v04-ink);box-shadow:-25px 0 70px rgba(0,0,0,.25);transform:translateX(105%);visibility:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),visibility .4s;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.main-nav.is-open{transform:none;visibility:visible}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--v04-dark-line)}.mobile-nav-head>span{color:var(--v04-cyan);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mobile-nav-head button{display:grid;width:44px;height:44px;place-items:center;color:#fff;background:#173142;border:1px solid var(--v04-dark-line);border-radius:14px;font-size:27px;line-height:1;cursor:pointer}.nav-links{display:grid;gap:3px}.main-nav .nav-links>a{padding:14px 44px 14px 10px;color:#fff;background:none!important;border-bottom:1px solid var(--v04-dark-line);border-radius:8px;font-size:clamp(1.65rem,7vw,2.25rem);font-weight:800;letter-spacing:-.04em;opacity:1;visibility:visible;transform:none;clip-path:none;filter:none;text-indent:0}.main-nav .nav-links>a::after{left:auto;right:13px;top:50%;bottom:auto;transform:translateY(-50%) scale(.4)}.main-nav .nav-links>a.is-active,.main-nav .nav-links>a[aria-current="page"]{color:var(--v04-mint);background:rgba(67,197,245,.08)!important;font-weight:900;opacity:1;visibility:visible;transform:none}.main-nav .nav-links>a.is-active::after,.main-nav .nav-links>a[aria-current="page"]::after{opacity:1;transform:translateY(-50%) scale(1)}.main-nav .nav-cta{margin:0;justify-content:space-between;padding:16px 19px;color:var(--v04-ink);background:var(--v04-cyan)}.mobile-nav-foot{display:grid;gap:8px;margin-top:auto;padding-top:20px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--v04-dark-line)}.mobile-nav-foot a{color:var(--v04-mint);font-weight:800}.mobile-nav-foot span{color:#8199a6;font-size:12px}.nav-backdrop{position:fixed;z-index:79;inset:0;display:block;width:100%;height:100vh;height:100dvh;padding:0;background:rgba(2,9,14,.62);border:0;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(3px)}.nav-backdrop.is-open{opacity:1;visibility:visible}
  .main-nav { transform: none; clip-path: inset(0 0 0 100%); opacity: 0; pointer-events: none; transition: clip-path .4s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility .4s; }
  .main-nav.is-open { clip-path: inset(0); opacity: 1; pointer-events: auto; }
  .home-hero { min-height: auto; }.home-hero-grid{grid-template-columns:1fr}.home-hero-copy{max-width:790px}.hero-demo{width:min(100%,700px);margin-inline:auto}.home-hero h1{font-size:clamp(3.7rem,11vw,6.3rem)}
  .section-heading { grid-template-columns:1fr; gap:20px; align-items:start; }.section-heading>p{max-width:650px}.editorial-services{grid-auto-rows:auto}.service-layout-1,.service-layout-2,.service-layout-3{grid-column:span 12;grid-row:auto;min-height:480px}.service-layout-2,.service-layout-3{grid-column:span 6}.admin-feature-grid{grid-template-columns:1fr}.admin-feature-copy{position:relative;top:auto;max-width:760px}.popular-grid{grid-template-columns:1fr}.popular-card{grid-template-columns:minmax(280px,40%) minmax(0,60%);min-height:420px}.popular-card.is-popular{grid-row:auto}.method-timeline{grid-template-columns:1fr 1fr;gap:50px 20px}.timeline-track{display:none}.method-timeline article::before{top:-24px}.faq-layout{grid-template-columns:1fr}.faq-intro{position:relative;top:auto;max-width:700px}
  .page-hero-grid,.tracking-hero-grid,.portfolio-hero-grid,.about-hero-grid{grid-template-columns:1fr;gap:35px}.page-hero-card{max-width:520px}.services-catalogue-layout{grid-template-columns:1fr}.services-index{position:relative;top:auto}.services-index ol{grid-template-columns:repeat(3,1fr)}.service-detail{grid-template-columns:1fr}.service-detail.is-reversed .service-detail-visual{order:0}.service-detail-visual{min-height:560px}.service-detail-copy{max-width:790px}
  .package-card{grid-template-columns:minmax(280px,40%) minmax(0,60%)}.package-media{min-height:100%;max-height:none}.package-body{padding:clamp(28px,4vw,42px);border-left:1px solid var(--v04-line);border-top:0}.package-specs{grid-template-columns:repeat(3,1fr)}.ownership-grid{grid-template-columns:1fr}.subscription-v04-card{grid-column:span 3}.subscription-v04-card:nth-child(n+4){grid-column:span 3}.case-study{grid-template-columns:1fr}.case-study.is-reversed .case-gallery{order:0}.case-gallery{min-height:540px}.case-copy{max-width:760px}.origin-grid,.work-method-grid{grid-template-columns:1fr}.origin-heading{position:relative;top:auto;max-width:760px}.philosophy-grid{grid-template-columns:1fr 1fr}.team-v04-grid{grid-template-columns:1fr}.team-v04-card{grid-template-columns:minmax(260px,.72fr) 1fr}.contact-v04-layout{grid-template-columns:1fr}.contact-v04-aside{position:relative;top:auto;max-width:760px}.footer-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr;align-items:start}
}

@media (max-width: 768px) {
  h1 { font-size: clamp(3.1rem,14vw,5.3rem); }.section{padding-block:76px}.home-hero{padding-block:70px}.home-hero h1{font-size:clamp(3.2rem,13.7vw,5rem)}.hero-demo{padding:0}.demo-browser{transform:none}.floating-feature{display:none}.demo-browser-body{min-height:340px}.demo-dashboard{padding:24px 18px}.demo-metrics{grid-template-columns:1fr}.demo-metrics span:nth-child(n+2){display:none}.demo-chart{height:145px}.trust-strip{gap:10px 16px}
  .service-layout-2,.service-layout-3{grid-column:span 12}.editorial-service{min-height:440px}.admin-screen{min-height:480px}.admin-tab-panel{min-height:428px}.popular-grid{grid-template-columns:1fr}.popular-card{grid-template-columns:1fr;min-height:0}.popular-card.is-popular{grid-row:auto}.popular-card>img{height:auto;min-height:0;aspect-ratio:1.7}.popular-card-body{border-left:0;border-top:1px solid var(--v04-line)}.method-timeline{grid-template-columns:1fr}.method-timeline article{padding-left:30px}.method-timeline article::before{left:0;top:4px}.final-cta{grid-template-columns:1fr;align-items:start}
  .services-intro{grid-template-columns:1fr;gap:12px}.services-index ol{grid-template-columns:1fr}.service-detail-visual{min-height:500px}.service-columns{grid-template-columns:1fr}.package-filters{grid-template-columns:1fr}.package-card{grid-template-columns:1fr}.package-media{min-height:330px;max-height:500px}.package-body{border-left:0;border-top:1px solid var(--v04-line)}.package-outcomes{grid-template-columns:1fr}.package-specs{grid-template-columns:1fr}.package-inclusions ul{grid-template-columns:1fr}.subscription-v04-card,.subscription-v04-card:nth-child(n+4){grid-column:1/-1;min-height:0}.subscription-v04-card.is-recommended{transform:none}.no-subscription-note{grid-template-columns:1fr;gap:8px}.case-gallery{grid-template-columns:1fr;min-height:0}.case-main-shot{min-height:450px}.case-secondary-shots{grid-template-columns:1fr 1fr}.case-secondary-shots>div{min-height:220px}.case-fact{grid-template-columns:1fr;gap:5px}.philosophy-grid{grid-template-columns:1fr}.philosophy-grid article{min-height:240px}.philosophy-grid h3{margin-top:45px}.team-v04-card{grid-template-columns:1fr}.team-v04-photo{min-height:560px;height:72vw;max-height:700px}.team-v04-photo img{object-position:50% 28%}.mode-chooser>div{grid-template-columns:1fr}.project-form-head{align-items:start;flex-direction:column}.step-progress{width:100%}.stepper-actions{flex-wrap:wrap}.stepper-actions>span{order:3;flex-basis:100%}.stepper-actions .button{flex:1}.tracking-form{grid-template-columns:1fr}.tracking-timeline{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px),var(--max)); }.header-inner{height:68px}.brand img{width:46px;height:46px}.menu-toggle{width:44px;height:44px}.main-nav{width:100%;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.home-hero{padding-block:58px}.home-hero .hero-actions{display:grid}.home-hero .button{width:100%}.trust-strip{display:grid;grid-template-columns:1fr 1fr}.hero-demo{padding-bottom:15px}.demo-browser-body{grid-template-columns:48px 1fr}.demo-browser-body aside{gap:20px}.demo-dashboard-head{align-items:flex-start}.demo-dashboard-head button{display:none}.demo-chart{gap:7px;padding:17px 13px}
  .section-heading{margin-bottom:40px}.section-heading h2{font-size:clamp(2.7rem,12vw,4rem)}.editorial-service{min-height:430px;border-radius:22px}.editorial-service-copy{padding:25px}.editorial-service-copy h3{font-size:2.25rem}.admin-tab-list{display:grid;grid-template-columns:1fr 1fr;padding:5px;overflow:visible}.admin-tab-list button{min-width:0}.admin-tab-list button:last-child:nth-child(odd){grid-column:1/-1}.admin-screen{min-height:430px;border-radius:20px}.admin-tab-panel{min-height:378px;padding:27px 22px}.screen-thumbs,.screen-cards{grid-template-columns:1fr 1fr}.screen-thumbs i:last-child,.screen-cards i:last-child{display:none}.popular-card-body{padding:23px}.faq-item button{min-height:74px;padding:16px 12px;gap:16px}.faq-toggle-icon{flex-basis:32px;width:32px;height:32px}.faq-answer-inner{padding:2px 52px 24px 12px}.final-cta{padding:30px 24px;border-radius:22px}.final-cta h2{font-size:2.75rem}.final-cta-actions,.final-cta-actions .button{width:100%}
  .page-hero{padding-block:64px;background-image:linear-gradient(rgba(5,15,23,.91),rgba(5,15,23,.91)),var(--page-hero-image,var(--hero-image));background-position:65% center}.page-hero h1{font-size:clamp(3.2rem,14vw,4.7rem)}.page-hero-card{padding:22px}.service-detail-visual{min-height:420px;border-radius:22px}.service-detail-copy h2{font-size:2.55rem}.service-examples b{font-size:10px}.package-card{border-radius:22px}.package-media{min-height:280px}.package-body{padding:25px 21px}.package-heading h2{font-size:2.45rem}.package-price strong{font-size:2.65rem}.comparison-wrap{margin-right:-14px}.ownership-options article{padding:22px}.subscription-v04-card{padding:23px}.case-gallery{gap:6px}.case-main-shot{min-height:390px}.case-secondary-shots{gap:6px}.case-secondary-shots>div{min-height:170px}.case-copy h2{font-size:3rem}.portfolio-empty-v04{min-height:590px}.origin-story>p{font-size:1rem}.work-method-grid li{grid-template-columns:42px 1fr}.team-v04-photo{min-height:520px;height:105vw}.team-v04-copy{padding:25px 22px}.project-form-card{border-radius:22px}.project-form-head,.mode-chooser,.project-step,.stepper-actions{padding-inline:20px}.mode-chooser,.project-step{padding-block:24px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.stepper-actions .button{width:100%;flex-basis:100%}.tracking-timeline{grid-template-columns:1fr 1fr}.tracking-result-head,.tracking-update{padding:22px}.footer-top{padding-block:55px}.footer-grid{grid-template-columns:1fr;padding-block:48px}.footer-bottom{flex-direction:column;gap:8px}
}

@media (max-width: 390px) {
  .container{width:min(calc(100% - 22px),var(--max))}.home-hero h1{font-size:clamp(3rem,15vw,4rem)}.trust-strip{grid-template-columns:1fr}.demo-browser-body{grid-template-columns:42px 1fr}.demo-dashboard{padding:18px 13px}.demo-chart{height:125px}.editorial-service{min-height:400px}.admin-screen{min-height:400px}.admin-tab-panel{min-height:348px}.popular-card>img{aspect-ratio:1.35}.page-hero h1{font-size:clamp(2.9rem,15vw,4rem)}.service-detail-visual{min-height:380px}.case-main-shot{min-height:340px}.case-secondary-shots>div{min-height:140px}.team-v04-photo{min-height:480px}.mode-chooser label>span{min-height:110px}.project-form-head h2{font-size:1.7rem}
}

.button:active,.card-link:active,.subscription-v04-card>a:active { transform: translateY(1px); }
.mode-chooser input:focus-visible + span { outline: 3px solid var(--v04-cyan); outline-offset: 3px; }
.tracking-intro { max-width: 820px; margin: 0 0 30px; color: var(--v04-muted); }
.tracking-closed-note { padding: 24px 30px; background: #f3f7f8; border-bottom: 1px solid var(--v04-line); }
.tracking-closed-note strong { display: block; margin-bottom: 5px; }
.tracking-closed-note p { margin: 0; color: var(--v04-muted); }
.page-confidentialite .page-hero { background-attachment: scroll; }
.comparison-wrap { overscroll-behavior-inline: contain; }
.portfolio-empty-v04 { min-height:0; padding-block:clamp(64px,7vw,104px); background-image:linear-gradient(90deg,rgba(5,15,23,.97),rgba(5,15,23,.76)),var(--page-hero-image,var(--hero-image)); }
.cms-align-center{text-align:center}.cms-align-right{text-align:right}.cms-width-normal>.container{max-width:1100px}.cms-width-wide>.container{max-width:1500px}.cms-width-full>.container{max-width:none;width:100%}.cms-spacing-small{padding-block:48px!important}.cms-spacing-large{padding-block:150px!important}.cms-theme-dark{color:#fff;background:#07131d!important}.cms-theme-light{color:#0d1b26;background:#f3f7f8!important}.cms-image_order-last>div{direction:rtl}.cms-image_order-last>div>*{direction:ltr}.cms-columns-1 :is(.editorial-services,.popular-grid,.method-timeline,.package-grid,.subscription-v04-grid,.team-v04-grid){grid-template-columns:minmax(0,1fr)!important}.cms-columns-2 :is(.editorial-services,.popular-grid,.method-timeline,.package-grid,.subscription-v04-grid,.team-v04-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}.cms-columns-3 :is(.editorial-services,.popular-grid,.method-timeline,.package-grid,.subscription-v04-grid,.team-v04-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media (max-width: 768px) {
  .package-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .comparison-wrap { margin-right: 0; }
}
@media (max-width: 520px) {
  .package-filters { grid-template-columns: minmax(0,1fr); }
  .demo-publish { display: none; }
}
@media (max-width: 640px) {
  .editorial-service-copy ul { gap: 4px; margin-top: 13px; font-size: 12px; }
  .editorial-service-copy a { margin-top: 16px; }
  .portfolio-lightbox { padding: 8px; }
  .portfolio-lightbox-panel { height: 100%; grid-template-columns: 1fr auto 1fr; grid-template-rows: minmax(0,1fr) 54px; gap: 8px; }
  .portfolio-lightbox figure { grid-column: 1/-1; grid-row: 1; }
  .portfolio-lightbox figure img { max-height: calc(100dvh - 150px); }
  .portfolio-lightbox figcaption { margin-inline: 42px; font-size: 12px; }
  .portfolio-lightbox-close { right: 4px; top: 4px; width: 46px; height: 46px; }
  .portfolio-lightbox-nav { width: 50px; height: 50px; }
  .portfolio-lightbox-prev { grid-column: 1; grid-row: 2; justify-self: start; }
  .portfolio-lightbox-next { grid-column: 3; grid-row: 2; justify-self: end; }
  .portfolio-lightbox-counter { grid-column: 2; grid-row: 2; align-self: center; }
}
@media (max-width: 390px) {
  .team-v04-photo { min-height: 400px; height: 125vw; max-height: 520px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none!important; transition-duration: .01ms!important; scroll-behavior: auto!important; }
  .js-enabled .reveal-pending,.js-enabled [data-stagger].reveal-pending>* { opacity:1!important;filter:none!important;transform:none!important; }
  [data-parallax] { translate:none!important; }
  .timeline-track span { transform:scaleX(1)!important; }
  .case-shot-button:hover img { transform:none!important;filter:none!important; }
  .main-nav,.main-nav.is-open,.nav-backdrop { transition:none!important; }
  .main-nav .nav-links>a { opacity:1!important;visibility:visible!important;transform:none!important; }
}