:root {
  --sales-ink: #13243a;
  --sales-muted: #52657a;
  --sales-blue: #155eef;
  --sales-blue-dark: #0b3fa8;
  --sales-cyan: #eaf7ff;
  --sales-green: #117a5b;
  --sales-warm: #fff7e8;
  --sales-line: #dce6f0;
  --sales-white: #ffffff;
}

body.sales-refresh {
  color: var(--sales-ink);
  background: #f7fafc;
  overflow-x: hidden;
}

.sales-refresh .site-header,
.sales-refresh .section-header {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--sales-line);
  box-shadow: 0 8px 28px rgba(18, 42, 74, .07);
}

.sales-refresh main { background: #f7fafc; }

.sales-refresh .gateway-hero,
.sales-refresh .hero,
.sales-refresh .section,
.sales-refresh .titan-promise-banner,
.sales-refresh .final-cta,
.sales-refresh .requirements-card {
  background: var(--sales-white);
  border-color: var(--sales-line);
  box-shadow: 0 18px 48px rgba(18, 42, 74, .08);
}

.sales-refresh h1,
.sales-refresh h2,
.sales-refresh h3,
.sales-refresh .lead,
.sales-refresh p,
.sales-refresh li { color: var(--sales-ink); }

.sales-refresh .section-heading > p:not(.eyebrow),
.sales-refresh .section-copy,
.sales-refresh .purchase-note { color: var(--sales-muted) !important; }

.sales-refresh .eyebrow,
.sales-refresh .tag { color: var(--sales-blue-dark); }

.sales-refresh .button.primary {
  background: var(--sales-blue);
  border-color: var(--sales-blue);
  color: #fff;
  box-shadow: 0 10px 22px rgba(21, 94, 239, .22);
}

.sales-refresh .button.primary:hover { background: var(--sales-blue-dark); }
.sales-refresh .button.secondary { color: var(--sales-blue-dark); border-color: #9bb8e7; background: #fff; }

.sales-refresh .gateway-card,
.sales-refresh .audience-card,
.sales-refresh .step,
.sales-refresh details,
.sales-refresh .security-grid > div {
  background: #fff;
  border: 1px solid var(--sales-line);
  box-shadow: 0 12px 30px rgba(18, 42, 74, .07);
}

.sales-refresh .gateway-card.personal { background: linear-gradient(145deg, #fff, #eef7ff); }
.sales-refresh .gateway-card.business { background: linear-gradient(145deg, #fff, #eefbf7); }
.sales-refresh .gateway-orientation,
.sales-refresh .visual-highlight { background: linear-gradient(135deg, #eef7ff, #fff); }
.sales-refresh footer { background: #eef3f8; color: var(--sales-ink); border-top: 1px solid var(--sales-line); }
.sales-refresh footer a, .sales-refresh footer span, .sales-refresh footer p { color: var(--sales-ink); }

.sales-promo {
  box-sizing: border-box;
  width: min(1180px, calc(100% - 32px));
  margin: 28px auto;
  padding: clamp(28px, 5vw, 64px);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 32px;
  align-items: center;
  border: 1px solid #cfe0ef;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff 0%, #eef8ff 58%, #effbf7 100%);
  box-shadow: 0 22px 56px rgba(18, 42, 74, .10);
}

.sales-promo h2 { margin: .25em 0; font-size: clamp(2rem, 5vw, 4.4rem); line-height: 1.03; }
.sales-promo .lead { max-width: 760px; }
.sales-promo-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.sales-promo-card { padding: 24px; border-radius: 22px; background: #fff; border: 1px solid var(--sales-line); }
.sales-promo-card strong { display: block; font-size: 1.2rem; margin-bottom: 10px; }
.sales-promo-card ul { margin: 0; padding-left: 1.2rem; }

.offer-steps,
.offer-grid,
.decision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.offer-card,
.decision-card {
  display: block !important;
  padding: 24px;
  border: 1px solid var(--sales-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 42, 74, .07);
}

.offer-card.highlight { border-color: #8fc8b8; background: #f1fcf8; }
.sales-refresh.jarod-theme .offer-card,
.sales-refresh.jarod-theme .decision-card {
  background: #fff !important;
  color: var(--sales-ink) !important;
  border-color: var(--sales-line) !important;
}
.sales-refresh.jarod-theme .offer-card.highlight { background: #f1fcf8 !important; border-color: #8fc8b8 !important; }
.sales-refresh.jarod-theme .offer-card h3,
.sales-refresh.jarod-theme .offer-card p,
.sales-refresh.jarod-theme .offer-card li { color: var(--sales-ink) !important; }
.decision-card { background: var(--sales-warm); }
.price-line { font-size: 1.65rem; font-weight: 800; color: var(--sales-blue-dark); }
.plain-note { padding: 18px 20px; border-left: 5px solid var(--sales-blue); background: var(--sales-cyan); border-radius: 12px; }

@media (max-width: 850px) {
  .sales-promo,
  .offer-steps,
  .offer-grid,
  .decision-grid { grid-template-columns: 1fr; }
  .sales-promo { width: calc(100% - 20px); padding: 24px; }
  .sales-promo > *, .offer-card, .decision-card { min-width: 0; }
  .sales-promo h1, .sales-promo h2, .sales-promo p, .sales-promo a { overflow-wrap: anywhere; }
  .sales-promo-actions .button { width: 100%; text-align: center; }
}

/* Parcours professionnels — maquette locale 2026-10-07 */
.pro-site .profession-grid,
.pro-site .freedom-grid,
.pro-site .case-grid,
.pro-site .solution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.pro-site .profession-card,
.pro-site .freedom-grid article,
.pro-site .case-card,
.pro-site .solution-card {
  padding: 24px;
  border: 1px solid var(--sales-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(18,42,74,.07);
}
.pro-site a.profession-card { color: var(--sales-ink); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.pro-site a.profession-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18,42,74,.13); }
.pro-site .profession-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #eaf7ff; font-size: 1.5rem; }
.pro-site .profession-card strong { color: var(--sales-blue-dark); }
.pro-site .freedom-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.pro-site .freedom-grid article > strong { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: var(--sales-blue); }
.pro-site .pro-final-cta { text-align: center; background: linear-gradient(135deg,#eaf7ff,#f1fcf8); }
.pro-site .pro-final-cta .hero-actions { justify-content: center; }
.pro-site .role-hero { grid-template-columns: minmax(0,1.1fr) minmax(260px,.7fr); }
.pro-site .role-visual { border-radius: 24px; overflow: hidden; min-height: 280px; background: #eaf7ff; }
.pro-site .role-visual img { width: 100%; height: 100%; object-fit: cover; }
.pro-site .before-after { display:grid; grid-template-columns: 1fr auto 1fr; gap:18px; align-items:stretch; }
.pro-site .before-after > div { padding:24px; border-radius:20px; border:1px solid var(--sales-line); background:#fff; }
.pro-site .before-after .arrow { display:grid; place-items:center; font-size:2rem; color:var(--sales-blue); }
.pro-site .scope-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.pro-site .scope-list article { padding:24px; border-radius:20px; background:#fff; border:1px solid var(--sales-line); }
.pro-site .mini-label { display:inline-block; margin-bottom:8px; color:var(--sales-blue-dark); font-weight:800; font-size:.82rem; letter-spacing:.06em; }
.pro-site .diagnostic-form { display:grid; gap:18px; max-width:850px; margin:0 auto; }
.pro-site .diagnostic-form fieldset { border:1px solid var(--sales-line); border-radius:18px; background:#fff; padding:22px; }
.pro-site .diagnostic-form label { display:block; margin:10px 0; }
.pro-site .diagnostic-form input[type=text], .pro-site .diagnostic-form input[type=email], .pro-site .diagnostic-form textarea, .pro-site .diagnostic-form select { width:100%; box-sizing:border-box; padding:12px; border:1px solid #aebed0; border-radius:10px; font:inherit; background:#fff; }
.pro-site .diagnostic-form textarea { min-height:130px; }
.named-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.named-brand span { display:grid; line-height:1.05; }
.named-brand strong { color:var(--sales-ink); font-size:1rem; letter-spacing:.12em; }
.named-brand small { color:var(--sales-muted); font-size:.62rem; letter-spacing:.1em; margin-top:5px; }
.compact-cases details { background:#fff !important; }
.compact-cases summary { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.compact-cases summary span { color:var(--sales-muted); font-size:.9rem; font-weight:600; }
.technical-section { background:linear-gradient(145deg,#f8fbff,#eef6ff) !important; }
.tech-diagram { display:grid; grid-template-columns:1fr auto 1.35fr auto 1fr; gap:20px; align-items:center; margin:30px 0; padding:30px; border:1px solid #cbd9e7; border-radius:26px; background:#0b1628; box-shadow:0 24px 60px rgba(18,42,74,.16); }
.tech-column { display:grid; gap:10px; }
.tech-label { color:#87cfff; font-size:.72rem; font-weight:850; letter-spacing:.14em; text-align:center; }
.tech-node { padding:13px; border:1px solid #334b68; border-radius:12px; background:#13243a; color:#edf7ff; text-align:center; font-weight:700; }
.tech-flow { color:#66d9ff; font-size:2rem; }
.tech-core { display:grid; place-items:center; min-height:230px; padding:24px; border:1px solid #4dd7ff; border-radius:26px; background:radial-gradient(circle at 50% 35%,#194e78,#0b1628 68%); color:#fff; box-shadow:0 0 40px rgba(77,215,255,.18); text-align:center; }
.tech-core small { color:#8edcff; letter-spacing:.18em; }
.tech-core strong { margin:10px 0; font-size:2.4rem; letter-spacing:.08em; }
.tech-core > span { color:#bed0e3; }
.tech-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:18px; }
.tech-chips i { padding:6px 10px; border:1px solid #3b6687; border-radius:999px; color:#dff7ff; font-style:normal; font-size:.75rem; }
.technical-points { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.technical-points article { padding:20px; border:1px solid var(--sales-line); border-radius:18px; background:#fff; }
.technical-points article > span { color:var(--sales-blue); font-weight:900; letter-spacing:.1em; }
.diagnostic-offer { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr); gap:36px; align-items:center; background:linear-gradient(135deg,#eef7ff,#f1fcf8) !important; }
.diagnostic-price { display:grid; place-items:center; min-height:300px; padding:28px; border:1px solid #a9c7e8; border-radius:28px; background:#fff; text-align:center; box-shadow:0 20px 50px rgba(18,42,74,.12); }
.diagnostic-price span { color:var(--sales-blue-dark); font-size:.8rem; font-weight:900; letter-spacing:.12em; }
.diagnostic-price strong { color:var(--sales-ink); font-size:clamp(4rem,9vw,7rem); line-height:1; }
.diagnostic-price small { color:var(--sales-muted); }
.pro-site .hero.compact-hero,
.titan-sales-site .hero.compact-hero {
  background: linear-gradient(135deg,#f8fbff 0%,#eef6ff 56%,#f2fbf7 100%) !important;
  color: var(--sales-ink);
}
.pro-site .hero.compact-hero h1,
.pro-site .hero.compact-hero h1 span,
.pro-site .hero.compact-hero p,
.pro-site .hero.compact-hero li,
.titan-sales-site .hero.compact-hero h1,
.titan-sales-site .hero.compact-hero h1 span,
.titan-sales-site .hero.compact-hero p,
.titan-sales-site .hero.compact-hero li { color:var(--sales-ink) !important; text-shadow:none !important; }
.pro-site .hero.compact-hero h1 span,
.titan-sales-site .hero.compact-hero h1 span { color:var(--sales-blue-dark) !important; -webkit-text-stroke:0 !important; }
@media (max-width: 900px) {
  .pro-site .profession-grid,.pro-site .case-grid,.pro-site .solution-grid,.pro-site .scope-list { grid-template-columns:1fr 1fr; }
  .pro-site .freedom-grid { grid-template-columns:1fr 1fr; }
  .technical-points { grid-template-columns:1fr 1fr; }
  .tech-diagram { grid-template-columns:1fr; }
  .tech-flow { transform:rotate(90deg); text-align:center; }
}
@media (max-width: 650px) {
  .pro-site .profession-grid,.pro-site .case-grid,.pro-site .solution-grid,.pro-site .scope-list,.pro-site .freedom-grid,.pro-site .before-after { grid-template-columns:1fr; }
  .pro-site .before-after .arrow { transform:rotate(90deg); }
  .technical-points,.diagnostic-offer { grid-template-columns:1fr; }
  .compact-cases summary { display:block; }
  .compact-cases summary span { display:block; margin-top:6px; }
}

.titan-sales-site .level-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.titan-sales-site .level-card { display:flex; min-height:620px; overflow:hidden; flex-direction:column; padding:0 28px 28px; border:1px solid var(--sales-line); border-radius:24px; background:#fff; box-shadow:0 12px 30px rgba(18,42,74,.08); }
.titan-sales-site .level-card img { display:block; width:calc(100% + 56px); height:300px; margin:0 -28px 24px; object-fit:cover; object-position:center; background:#eef4fb; }
.titan-sales-site .level-card p { flex:1; }
.titan-sales-site .level-card .button { margin-top:auto; }
.titan-sales-site .level-card.beginner { border-top:5px solid #155eef; }
.titan-sales-site .level-card.middle { border-top:5px solid #117a5b; }
.titan-sales-site .level-card.advanced { border-top:5px solid #7b4db8; }
.titan-sales-site .privacy-everywhere { display:flex; gap:28px; align-items:center; justify-content:space-between; background:linear-gradient(135deg,#eef7ff,#f1fcf8); }
.titan-sales-site .privacy-everywhere > div { max-width:820px; }
.sales-refresh .campaign-grid figure,.sales-refresh .level-card,.sales-refresh .profession-card { transition:transform .2s ease,box-shadow .2s ease; }
.sales-refresh .campaign-grid figure:hover,.sales-refresh .level-card:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(18,42,74,.14); }
.sales-refresh details { padding:18px 22px; margin:12px 0; }
.sales-refresh details summary { cursor:pointer; }
@media (prefers-reduced-motion: reduce) { .sales-refresh * { scroll-behavior:auto !important; transition:none !important; } }
@media (max-width:850px) { .titan-sales-site .level-grid { grid-template-columns:1fr; } .titan-sales-site .privacy-everywhere { display:block; } .titan-sales-site .privacy-everywhere .button { margin-top:14px; width:100%; text-align:center; } }

/* Cohérence TITAN : logo lisible, pages intérieures et prix insécables. */
.titan-sales-site .brand-product img {
  box-sizing:border-box;
  object-fit:contain;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.titan-sales-site .price,
.titan-sales-site .checkout-price { white-space:nowrap; }
.titan-sales-site .price small,
.titan-sales-site .checkout-price small { white-space:normal; }
.titan-sales-site .button-price { white-space:nowrap; }
.titan-interior main { position:relative; z-index:1; }
.titan-interior .guide-hero,
.titan-interior .legal-page {
  box-sizing:border-box;
  width:min(1180px,calc(100% - 36px));
  margin:34px auto;
  padding:clamp(28px,5vw,64px);
  border:1px solid var(--sales-line);
  border-radius:28px;
  background:linear-gradient(145deg,#f9fbff,#eef6ff);
  box-shadow:0 24px 65px rgba(18,42,74,.11);
}
.titan-interior .guide-content {
  box-sizing:border-box;
  width:min(980px,calc(100% - 36px));
  margin:0 auto 54px;
  padding:clamp(26px,5vw,58px);
  border:1px solid var(--sales-line);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 48px rgba(18,42,74,.08);
}
.titan-interior .guide-content h2,
.titan-interior .legal-page h2 { margin-top:2.2rem; color:var(--sales-ink); }
.titan-interior .guide-callout,
.titan-interior .friendly-callout,
.titan-interior .identity-callout { border-radius:20px; background:#eef7ff; }
.titan-interior .contact-form { padding:clamp(20px,4vw,42px); border:1px solid var(--sales-line); border-radius:24px; background:#fff; box-shadow:0 16px 42px rgba(18,42,74,.08); }
.titan-interior footer { margin-top:42px; }
@media (max-width:850px) {
  .titan-sales-site .level-card { min-height:0; }
  .titan-sales-site .level-card img { height:clamp(260px,72vw,390px); }
}
@media (max-width:560px) {
  .titan-sales-site .level-card { padding:0 22px 24px; }
  .titan-sales-site .level-card img { width:calc(100% + 44px); margin-left:-22px; margin-right:-22px; }
  .titan-interior .guide-hero,
  .titan-interior .guide-content,
  .titan-interior .legal-page { width:calc(100% - 24px); padding:24px 20px; border-radius:22px; }
}
.fusialab-gateway .gateway-intro { max-width:820px; }
.fusialab-gateway .gateway-intro h1 { font-size:clamp(3rem,8vw,7rem); line-height:.95; letter-spacing:-.045em; }
.fusialab-gateway .gateway-card { min-height:430px; display:flex; flex-direction:column; }
.fusialab-gateway .gateway-card .gateway-cta { margin-top:auto; font-size:1.08rem; }
.fusialab-gateway .gateway-card:hover { transform:translateY(-7px) scale(1.01); }
.buy-dock { position:fixed; right:18px; bottom:18px; z-index:40; display:flex; align-items:center; gap:10px; padding:10px 12px 10px 16px; border:1px solid #cbd9e7; border-radius:999px; background:rgba(255,255,255,.96); box-shadow:0 14px 38px rgba(18,42,74,.2); backdrop-filter:blur(10px); }
.buy-dock span { font-weight:800; color:var(--sales-ink); }
.buy-dock a { color:var(--sales-blue-dark); font-weight:750; text-decoration:none; padding:9px 12px; }
.buy-dock .buy-now { color:#fff; background:var(--sales-blue); border-radius:999px; }
@media(max-width:650px){.buy-dock{left:10px;right:10px;bottom:10px;justify-content:center}.buy-dock span{display:none}.buy-dock a{flex:1;text-align:center}}
@media(max-width:800px){
  .pro-site .hero.compact-hero,.titan-sales-site .hero.compact-hero{box-sizing:border-box;width:100%!important;max-width:100%!important;padding:2.5rem 24px !important;grid-template-columns:minmax(0,1fr) !important;gap:1.5rem;overflow:hidden;}
  .pro-site .hero-copy,.titan-sales-site .hero-copy{min-width:0;width:100%;}
  .pro-site .hero h1,.titan-sales-site .hero h1,.pro-site .hero h1 span,.titan-sales-site .hero h1 span{box-sizing:border-box;width:100%!important;font-size:clamp(2.05rem,10.5vw,2.8rem)!important;line-height:1.04!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;}
  .pro-site .hero-visual,.titan-sales-site .hero-visual{width:100%;max-width:100%;margin:0;}
}

/* Expérience premium animée — maquette locale 2026-10-07 */
html { scroll-behavior: smooth; }
.sales-refresh { --ambient-a: rgba(21,94,239,.14); --ambient-b: rgba(118,45,204,.12); }
.sales-refresh.pro-site { --ambient-a: rgba(126,50,214,.18); --ambient-b: rgba(21,94,239,.11); }
.sales-refresh main { position: relative; isolation: isolate; }
.sales-refresh main::before,
.sales-refresh main::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: 34rem;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .72;
  pointer-events: none;
}
.sales-refresh main::before { top: 10vh; left: -18rem; background: var(--ambient-a); animation: ambient-drift-a 18s ease-in-out infinite alternate; }
.sales-refresh main::after { right: -18rem; bottom: 5vh; background: var(--ambient-b); animation: ambient-drift-b 22s ease-in-out infinite alternate; }

.sales-refresh .site-header { position: sticky; top: 0; z-index: 80; backdrop-filter: blur(18px) saturate(145%); }
.sales-refresh #navigation a { position: relative; }
.sales-refresh #navigation a:not(.button)::after {
  content: "";
  position: absolute;
  left: 14%; right: 14%; bottom: -7px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,#155eef,#8a3ffc);
  transform: scaleX(0);
  transition: transform .24s ease;
}
.sales-refresh #navigation a:hover::after,
.sales-refresh #navigation a.section-current::after { transform: scaleX(1); }

.sales-refresh .hero.compact-hero,
.fusialab-gateway .gateway-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: clamp(0px, 2.2vw, 32px);
}
.sales-refresh .hero.compact-hero::before,
.fusialab-gateway .gateway-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -35%;
  background:
    radial-gradient(circle at 78% 34%, rgba(91,191,255,.28), transparent 20%),
    radial-gradient(circle at 64% 72%, rgba(139,62,255,.2), transparent 23%),
    conic-gradient(from 210deg at 70% 50%, transparent, rgba(255,255,255,.5), transparent 22%);
  animation: hero-orbit 19s linear infinite;
}
.sales-refresh .hero-copy { position: relative; z-index: 3; }
.sales-refresh .hero h1,
.fusialab-gateway .gateway-intro h1 {
  text-wrap: balance;
  background: linear-gradient(115deg,#12243a 8%,#155eef 45%,#7b36cd 70%,#12243a 92%);
  background-size: 240% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: headline-sheen 10s ease-in-out infinite;
}
.sales-refresh .hero h1 span { color: transparent !important; -webkit-text-fill-color: transparent; }
.sales-refresh .hero-visual,
.fusialab-gateway .gateway-visual {
  position: relative;
  isolation: isolate;
  filter: drop-shadow(0 24px 35px rgba(21,94,239,.18));
}
.sales-refresh .hero-visual::after,
.fusialab-gateway .gateway-visual::after {
  content: "";
  position: absolute;
  inset: 12%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(60,190,255,.28),transparent 65%);
  filter: blur(22px);
  animation: visual-pulse 4.8s ease-in-out infinite;
}
.motion-visual img { transform: translate3d(var(--motion-x,0),var(--motion-y,0),0) scale(1.025); transition: transform .22s ease-out; }

.motion-ready .reveal-on-scroll { opacity: 0; transform: translateY(34px) scale(.985); transition: opacity .72s ease var(--reveal-delay,0ms), transform .72s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms); }
.motion-ready .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0) scale(1); }

.motion-card {
  position: relative;
  isolation: isolate;
  transform: perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition: transform .18s ease, box-shadow .25s ease !important;
}
.motion-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(86,191,255,.24),transparent 42%);
  transition: opacity .25s ease;
  pointer-events: none;
}
.motion-card:hover::after { opacity: 1; }
.motion-card:hover { box-shadow: 0 28px 70px rgba(18,42,74,.17) !important; }

.sales-refresh .campaign-showcase { overflow: hidden; }
.sales-refresh .campaign-grid { gap: 22px; perspective: 1200px; }
.sales-refresh .campaign-grid figure {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(18,42,74,.14);
}
.sales-refresh .campaign-grid figure::after {
  content: "";
  position: absolute;
  inset: -50% -80%;
  background: linear-gradient(110deg,transparent 42%,rgba(255,255,255,.48) 50%,transparent 58%);
  transform: translateX(-35%) rotate(8deg);
  animation: image-shimmer 8s ease-in-out infinite;
  pointer-events: none;
}
.sales-refresh .campaign-grid figure:nth-child(2)::after { animation-delay: 1.2s; }
.sales-refresh .campaign-grid figure:nth-child(3)::after { animation-delay: 2.4s; }
.sales-refresh .campaign-grid figure:nth-child(4)::after { animation-delay: 3.6s; }
.sales-refresh .campaign-grid img { display: block; transition: transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.sales-refresh .campaign-grid figure:hover img { transform: scale(1.055); filter: saturate(1.08) contrast(1.03); }

.pro-site .tech-diagram { position: relative; overflow: hidden; }
.pro-site .tech-diagram::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(100,205,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,205,255,.06) 1px,transparent 1px);
  background-size: 28px 28px;
  animation: tech-grid 12s linear infinite;
  pointer-events: none;
}
.pro-site .tech-core { animation: core-breathe 3.4s ease-in-out infinite; }
.pro-site .tech-flow { animation: flow-pulse 1.5s ease-in-out infinite; text-shadow: 0 0 18px #66d9ff; }
.pro-site .tech-node { transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.pro-site .tech-node:hover { transform: translateY(-3px); border-color:#66d9ff; box-shadow:0 0 25px rgba(102,217,255,.2); }
.pro-site .diagnostic-price { position: relative; overflow: hidden; }
.pro-site .diagnostic-price::before {
  content: "";
  position: absolute;
  width: 170%; height: 55%;
  top: -25%; left: -35%;
  background: linear-gradient(100deg,transparent,rgba(92,190,255,.25),transparent);
  transform: rotate(-10deg);
  animation: price-scan 6s ease-in-out infinite;
}
.pro-site .diagnostic-catalog { display:block; }
.diagnostic-intro { max-width:850px; margin:0 auto 30px; text-align:center; }
.diagnostic-tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.diagnostic-tier-grid article { display:flex; min-height:410px; flex-direction:column; padding:28px; border:1px solid #b8cbe0; border-radius:24px; background:#fff; box-shadow:0 18px 44px rgba(18,42,74,.1); }
.diagnostic-tier-grid article.featured { border:2px solid #7553d6; background:linear-gradient(145deg,#fff,#f4f0ff); transform:translateY(-8px); }
.diagnostic-tier-grid article > span { color:var(--sales-blue-dark); font-size:.76rem; font-weight:900; letter-spacing:.13em; }
.diagnostic-tier-grid article > strong { display:block; margin:18px 0 8px; color:var(--sales-ink); font-size:clamp(3.2rem,6vw,5rem); line-height:1; white-space:nowrap; }
.diagnostic-tier-grid article p { flex:1; }
.diagnostic-tier-grid article .button { margin-top:20px; }
.diagnostic-tax-note { margin:26px 0 0; text-align:center; color:var(--sales-muted); }

.sales-refresh .button { position: relative; overflow: hidden; transform: translateZ(0); transition: transform .18s ease,box-shadow .18s ease,background .18s ease; }
.sales-refresh .button:hover { transform: translateY(-2px); }
.sales-refresh .button.primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35),transparent 65%);
  transform: translateX(-120%);
  transition: transform .55s ease;
}
.sales-refresh .button.primary:hover::after { transform: translateX(120%); }

@keyframes ambient-drift-a { to { transform: translate(9vw,20vh) scale(1.15); } }
@keyframes ambient-drift-b { to { transform: translate(-10vw,-18vh) scale(.88); } }
@keyframes hero-orbit { to { transform: rotate(360deg); } }
@keyframes headline-sheen { 0%,100% { background-position: 0% center; } 50% { background-position: 100% center; } }
@keyframes visual-pulse { 50% { transform: scale(1.11); opacity:.55; } }
@keyframes image-shimmer { 0%,55% { transform:translateX(-35%) rotate(8deg); opacity:0; } 70% { opacity:.8; } 88%,100% { transform:translateX(65%) rotate(8deg); opacity:0; } }
@keyframes tech-grid { to { background-position:28px 28px; } }
@keyframes core-breathe { 50% { box-shadow:0 0 64px rgba(77,215,255,.34); transform:scale(1.018); } }
@keyframes flow-pulse { 50% { opacity:.45; transform:translateX(5px); } }
@keyframes price-scan { 0%,55% { transform:translateX(-80%) rotate(-10deg); } 90%,100% { transform:translateX(90%) rotate(-10deg); } }

@media (max-width: 900px) {
  .sales-refresh main::before,.sales-refresh main::after { width:22rem; filter:blur(75px); }
  .sales-refresh .campaign-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px 18px 24px; margin-inline:-18px; scrollbar-width:none; }
  .sales-refresh .campaign-grid::-webkit-scrollbar { display:none; }
  .sales-refresh .campaign-grid figure { flex:0 0 min(82vw,360px); scroll-snap-align:center; }
  .motion-visual img { transform:none; }
  .pro-site .tech-flow { animation:flow-pulse-mobile 1.5s ease-in-out infinite; }
}
@media (max-width:850px) {
  .diagnostic-tier-grid { grid-template-columns:1fr; }
  .diagnostic-tier-grid article { min-height:0; }
  .diagnostic-tier-grid article.featured { transform:none; }
}
@keyframes flow-pulse-mobile { 50% { opacity:.45; transform:rotate(90deg) translateX(5px); } }

@media (max-width: 680px) {
  .sales-refresh .section-header { box-sizing:border-box; min-height:88px; padding:10px 18px; overflow:visible; }
  .sales-refresh .section-header .named-brand { width:auto; max-width:calc(100vw - 112px); margin:0; }
  .sales-refresh .section-header .named-brand img { width:72px; height:72px; flex:0 0 72px; }
  .sales-refresh .section-header .named-brand span { min-width:0; }
  .sales-refresh .section-header .named-brand strong { font-size:.82rem; }
  .sales-refresh .section-header .named-brand small { max-width:120px; font-size:.54rem; }
  .sales-refresh .section-header .menu-button { flex:0 0 auto; margin-left:auto; color:var(--sales-ink); background:#fff; border:1px solid #b7c8db; }
  .sales-refresh .section-header #navigation { box-sizing:border-box; left:12px; right:12px; width:auto; max-width:none; }

  .pro-site .hero.compact-hero,
  .titan-sales-site .hero.compact-hero {
    box-sizing:border-box !important;
    width:100vw !important;
    max-width:100vw !important;
    padding:44px 24px !important;
  }
  .pro-site .hero-copy,
  .titan-sales-site .hero-copy {
    box-sizing:border-box !important;
    width:calc(100vw - 48px) !important;
    max-width:calc(100vw - 48px) !important;
    min-width:0 !important;
  }
  .pro-site .hero-copy > *,
  .titan-sales-site .hero-copy > * {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  /* Keep these selectors separate from the fixed-width copy above: older
     theme rules set children to 100vw on small screens. */
  .pro-site .hero-copy,
  .titan-sales-site .hero-copy,
  .pro-site .hero-copy > *,
  .titan-sales-site .hero-copy > * {
    box-sizing:border-box !important;
    min-width:0 !important;
  }
  .pro-site .hero h1,
  .pro-site .hero h1 span,
  .titan-sales-site .hero h1,
  .titan-sales-site .hero h1 span {
    display:block !important;
    width:auto !important;
    max-width:calc(100vw - 48px) !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:auto;
  }
  .pro-site .hero-visual,
  .titan-sales-site .hero-visual { box-sizing:border-box; width:calc(100vw - 48px) !important; max-width:calc(100vw - 48px) !important; }
  .pro-site .hero-actions,
  .titan-sales-site .hero-actions { width:100% !important; }
  .pro-site .hero-actions .button,
  .titan-sales-site .hero-actions .button { box-sizing:border-box; width:100%; text-align:center; }
  .pro-site .trust-list,
  .titan-sales-site .trust-list { width:100% !important; max-width:100% !important; flex-wrap:wrap; gap:10px 16px; }
  .sales-refresh .section { box-sizing:border-box; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .sales-refresh *, .sales-refresh *::before, .sales-refresh *::after { animation:none !important; transition:none !important; }
  .motion-ready .reveal-on-scroll { opacity:1; transform:none; }
  .motion-card,.motion-visual img { transform:none !important; }
}

/* Visuel premium validé par Doc — héros JAROD */
.pro-site .cinematic-jarod-hero {
  min-height: clamp(640px,72vh,780px);
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  color:#fff;
  background:#050b18 !important;
  box-shadow:0 30px 85px rgba(7,16,35,.32);
}
.pro-site .cinematic-jarod-hero::before {
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(4,10,24,.98) 0%,rgba(5,11,25,.91) 35%,rgba(5,11,25,.35) 58%,rgba(5,11,25,.05) 100%);
  animation:none;
}
.pro-site .cinematic-jarod-hero .hero-copy { z-index:3; }
.pro-site .cinematic-jarod-hero .hero-visual {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  max-width:none;
  height:100%;
  margin:0;
  border-radius:0;
  filter:none;
}
.pro-site .cinematic-jarod-hero .hero-visual::after { display:none; }
.pro-site .cinematic-jarod-hero .hero-visual img {
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  box-shadow:none;
  filter:saturate(1.06) contrast(1.03);
  transform:scale(1.015);
  animation:cinematic-push 18s ease-in-out infinite alternate;
}
.pro-site .hero.compact-hero.cinematic-jarod-hero h1 { background:linear-gradient(115deg,#fff 8%,#b9dfff 44%,#b86cff 78%,#fff 95%); background-size:240% auto; -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.pro-site .hero.compact-hero.cinematic-jarod-hero h1 span { color:transparent !important; -webkit-text-fill-color:transparent; }
.pro-site .hero.compact-hero.cinematic-jarod-hero p.lead,
.pro-site .hero.compact-hero.cinematic-jarod-hero .trust-list li { color:#e6efff !important; text-shadow:0 2px 18px rgba(0,0,0,.65) !important; }
.pro-site .hero.compact-hero.cinematic-jarod-hero p.eyebrow { color:#aee8ff !important; }
.pro-site .cinematic-jarod-hero .button.secondary { color:#fff; border-color:rgba(255,255,255,.5); background:rgba(4,12,27,.54); backdrop-filter:blur(12px); }
@keyframes cinematic-push { to { transform:scale(1.055) translateX(-.8%); } }

@media (max-width:680px) {
  .pro-site .cinematic-jarod-hero { display:block; min-height:0; color:var(--sales-ink); background:linear-gradient(145deg,#f8fbff,#edf6ff) !important; }
  .pro-site .cinematic-jarod-hero::before { display:none; }
  .pro-site .cinematic-jarod-hero .hero-visual { position:relative; inset:auto; width:100% !important; max-width:100% !important; height:auto; margin:30px 0 0; border-radius:24px; overflow:hidden; box-shadow:0 24px 55px rgba(18,42,74,.2); }
  .pro-site .cinematic-jarod-hero .hero-visual img { width:100%; height:auto; object-fit:contain; transform:none; animation:none; }
  .pro-site .hero.compact-hero.cinematic-jarod-hero h1 { background:linear-gradient(115deg,#12243a,#155eef 46%,#7b36cd 82%); -webkit-background-clip:text; background-clip:text; }
  .pro-site .hero.compact-hero.cinematic-jarod-hero p.lead,
  .pro-site .hero.compact-hero.cinematic-jarod-hero .trust-list li { color:var(--sales-ink) !important; text-shadow:none !important; }
  .pro-site .hero.compact-hero.cinematic-jarod-hero p.eyebrow { color:var(--sales-blue-dark) !important; }
  .pro-site .cinematic-jarod-hero .button.secondary { color:var(--sales-blue-dark); border-color:#9bb8e7; background:#fff; }
}

/* JAROD Serveur — lecture commerciale et technique inspirée du benchmark */
.pro-site .server-focus { background:linear-gradient(145deg,#081224,#101c35) !important; border-color:#263d62; color:#eff6ff; overflow:hidden; }
.pro-site .server-focus h2,
.pro-site .server-focus h3,
.pro-site .server-focus p,
.pro-site .server-focus strong { color:inherit; }
.pro-site .server-focus .eyebrow,
.pro-site .server-focus .mini-label { color:#82dfff; }
.server-focus-intro { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.server-focus-intro > div { max-width:830px; }
.server-format-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.server-format-grid article { position:relative; overflow:hidden; padding:26px; border:1px solid #304766; border-radius:22px; background:linear-gradient(145deg,rgba(25,43,72,.92),rgba(10,23,43,.98)); box-shadow:0 18px 48px rgba(0,0,0,.24); transition:transform .25s ease,border-color .25s ease; }
.server-format-grid article::after { content:""; position:absolute; width:170px; height:170px; right:-80px; top:-90px; border-radius:50%; background:radial-gradient(circle,rgba(73,204,255,.27),transparent 68%); }
.server-format-grid article:hover { transform:translateY(-5px); border-color:#6dd9ff; }
.server-format-grid article.featured { border-color:#8b62ff; background:linear-gradient(145deg,rgba(75,37,128,.72),rgba(12,25,48,.98)); }
.server-format-grid article > strong { display:block; margin-top:20px; color:#8fe6ff; }
.server-format-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:24px; border:1px solid #4a698c; border-radius:15px; color:#9feaff; font-weight:900; background:rgba(89,211,255,.08); }
.local-cloud-compare { margin-top:26px; overflow:hidden; border:1px solid #304766; border-radius:24px; background:rgba(5,14,29,.72); }
.compare-heading { padding:24px; border-bottom:1px solid #304766; }
.compare-heading h3 { margin:.3rem 0 0; font-size:clamp(1.6rem,3vw,2.6rem); }
.compare-row { display:grid; grid-template-columns:.7fr 1fr 1.15fr; gap:20px; padding:18px 24px; border-bottom:1px solid rgba(76,103,139,.45); }
.compare-row:last-child { border-bottom:0; }
.compare-row strong { color:#fff; }
.compare-row span { color:#bacbe0; }
.compare-row span:last-child { color:#e6f8ff; }
.server-ownership { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:26px; }
.server-ownership article { padding:21px; border:1px solid #304766; border-radius:18px; background:rgba(17,34,58,.82); }
.server-ownership article > span { display:block; margin-bottom:10px; color:#82dfff; font-size:.72rem; font-weight:900; letter-spacing:.13em; }
.server-ownership article > strong { display:block; margin-bottom:8px; }
.server-ownership article p { color:#bacbe0 !important; }
.server-focus .plain-note { margin-top:24px; color:#e8f6ff; border-left-color:#8b62ff; background:rgba(111,62,178,.19); }
.pro-site .solution-card ul { margin:18px 0; padding-left:1.15rem; }
.pro-site .solution-card li { margin:.45rem 0; color:var(--sales-muted); }
.pro-site .solution-card > strong { display:block; margin:18px 0 10px; color:var(--sales-blue-dark); }
.pro-site .solution-card .text-link { display:inline-block; color:var(--sales-blue); font-weight:800; }
.pro-site .nav-menu-label,
.pro-site #navigation .nav-sub { display:none; }
.pro-site #navigation .nav-action { color:#fff; border-radius:10px; background:var(--sales-blue); padding:.65rem .8rem; }
.pro-site #navigation .nav-action::after { display:none; }

@media(max-width:850px){
  .server-focus-intro { display:block; }
  .server-focus-intro .button { display:block; width:100%; margin-top:20px; text-align:center; }
  .server-format-grid,.server-ownership { grid-template-columns:1fr; }
  .compare-row { grid-template-columns:1fr; gap:7px; }
  .compare-row strong { color:#82dfff; }
  .pro-site .section-header #navigation {
    padding:12px 18px 20px;
    border:1px solid var(--sales-line);
    border-radius:0 0 18px 18px;
    background:#fff;
    box-shadow:0 24px 50px rgba(18,42,74,.18);
  }
  .pro-site .section-header #navigation a { display:block; padding:15px 2px; border:0; border-bottom:1px solid #e2e8ef; border-radius:0; color:var(--sales-ink); font-size:1.08rem; font-weight:800; }
  .pro-site .section-header #navigation a:last-child { border-bottom:0; }
  .pro-site .nav-menu-label { display:block; padding:18px 2px 7px; color:var(--sales-muted); font-size:.68rem; font-weight:900; letter-spacing:.14em; }
  .pro-site #navigation .nav-sub { display:block; padding:10px 2px 10px 22px; color:#44566b; font-size:.98rem; font-weight:650; }
  .pro-site #navigation .nav-sub::before { content:"—"; margin-right:10px; color:#7b36cd; }
  .pro-site #navigation .nav-action { margin:12px 0; padding:16px; border:0; border-radius:12px; color:#fff; background:linear-gradient(90deg,#155eef,#7b36cd); text-align:center; }
}

/* Pages commerciales séparées JAROD / TITAN */
.product-subpage { background:#f4f7fb; color:var(--sales-ink); }
.product-subpage { overflow-x:hidden; }
.product-subpage .section-header { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.subpage-hero { position:relative; min-height:clamp(560px,72vh,760px); overflow:hidden; display:flex; align-items:center; padding:clamp(46px,7vw,100px); color:#fff; background:#061022; }
.subpage-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,9,22,.98) 0%,rgba(4,12,29,.9) 32%,rgba(4,12,29,.34) 58%,rgba(4,12,29,.05) 100%); }
.subpage-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.subpage-hero-copy { position:relative; z-index:2; max-width:690px; }
.subpage-hero .eyebrow { color:#8fe6ff; }
.subpage-hero h1 { margin:.35rem 0 1.1rem; color:#fff; font-size:clamp(3rem,7vw,6.6rem); line-height:.93; letter-spacing:-.045em; }
.subpage-hero .lead { color:#e4eeff; font-size:clamp(1.05rem,1.8vw,1.35rem); text-shadow:0 2px 16px rgba(0,0,0,.55); }
.subpage-main { width:min(1180px,calc(100% - 36px)); margin:0 auto; padding:58px 0 90px; }
.page-intro { max-width:820px; margin:0 auto 38px; text-align:center; }
.page-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.page-card-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.page-card { padding:28px; border:1px solid #c7d4e2; border-radius:24px; background:#fff; box-shadow:0 16px 42px rgba(18,42,74,.08); }
.page-card-grid.two > .page-card { display:flex; flex-direction:column; }
.page-card-grid.two > .page-card > .button:last-child { margin-top:auto; }
.purchase-card-price { display:block; margin:8px 0 12px; color:#13243a; font-size:1.35rem; }
.page-card.purple .purchase-card-price { color:#fff; }
.page-card > span { color:var(--sales-blue-dark); font-size:.72rem; font-weight:900; letter-spacing:.13em; }
.page-card .title-number { color:var(--sales-blue-dark); font:inherit; font-weight:900; letter-spacing:0; }
.page-card.purple .title-number { color:#9feaff; }
.page-card h2,.page-card h3 { color:var(--sales-ink); }
.page-card .big-price { display:block; margin:14px 0; color:var(--sales-ink); font-size:clamp(3rem,6vw,5rem); font-weight:900; line-height:1; white-space:nowrap; }
.page-card.purple { color:#fff; border-color:#6849b6; background:linear-gradient(145deg,#241641,#38245f); }
.page-card.purple h2,.page-card.purple h3,.page-card.purple p,.page-card.purple li,.page-card.purple strong { color:#fff !important; }
.page-card.purple > span { color:#9feaff; }
.page-card.purple a { color:#fff; }
.page-section { margin-top:42px; padding:clamp(28px,5vw,54px); border:1px solid #c7d4e2; border-radius:28px; background:#fff; box-shadow:0 16px 42px rgba(18,42,74,.07); }
.page-section.dark { color:#f4f8ff; border-color:#2b4264; background:linear-gradient(145deg,#071225,#12213c); }
.page-section.dark h2,.page-section.dark h3,.page-section.dark p,.page-section.dark li { color:inherit; }
.steps-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.steps-grid article { padding:22px; border:1px solid #c7d4e2; border-radius:18px; background:#fff; }
.steps-grid strong { display:block; margin-bottom:10px; color:var(--sales-blue-dark); font-size:1.35rem; }
.persistent-cta { position:fixed; z-index:35; right:18px; bottom:18px; display:flex; gap:10px; align-items:center; padding:10px; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:rgba(7,17,36,.92); box-shadow:0 18px 45px rgba(0,0,0,.28); backdrop-filter:blur(14px); }
.persistent-cta span { padding:0 8px; color:#fff; font-weight:800; }
.persistent-cta .button { margin:0; }
.order-form { display:grid; gap:18px; }
.order-form .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.order-form label,.order-form fieldset { display:grid; gap:7px; font-weight:750; }
.order-form input,.order-form select,.order-form textarea { box-sizing:border-box; width:100%; padding:13px 14px; border:1px solid #aebed0; border-radius:12px; background:#fff; font:inherit; }
.payment-choice { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.payment-choice label { padding:16px; border:1px solid #b8c9dc; border-radius:16px; background:#fff; }
.payment-status { padding:16px 18px; border-left:5px solid #ef9b1a; border-radius:12px; background:#fff5df; color:#51350a; }
.landing-only main > section:not(.hero):not(.landing-gateway) { display:none !important; }
.landing-gateway { width:min(1180px,calc(100% - 36px)); margin:56px auto 86px; }
.landing-gateway .page-card { display:flex; min-height:250px; flex-direction:column; }
.landing-gateway .page-card .button,.landing-gateway .page-card .text-link { margin-top:auto; }
@media(max-width:900px){
  .page-card-grid,.page-card-grid.two,.steps-grid,.payment-choice { grid-template-columns:1fr; }
  .product-subpage .section-header { box-sizing:border-box; width:100%; max-width:100%; }
  .subpage-hero { box-sizing:border-box; width:100%; max-width:100%; min-height:620px; padding:44px 24px; }
  .subpage-hero::after { background:linear-gradient(90deg,rgba(3,9,22,.94),rgba(3,9,22,.58)); }
  .subpage-hero-copy,.subpage-hero-copy > * { box-sizing:border-box; width:100%; max-width:100%; min-width:0; }
  .subpage-hero h1,.subpage-hero h1 span { display:block; width:auto; max-width:100%; white-space:normal !important; overflow-wrap:normal; word-break:normal; }
  .subpage-hero .hero-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .subpage-hero .hero-actions .button { box-sizing:border-box; width:100%; text-align:center; white-space:normal; }
  .subpage-main { box-sizing:border-box; width:calc(100% - 24px); padding-top:36px; }
  .page-card-grid,.page-card,.page-section { box-sizing:border-box; width:100%; min-width:0; }
  .order-form .form-grid { grid-template-columns:1fr; }
  .persistent-cta { left:12px; right:12px; justify-content:center; }
  .persistent-cta span { display:none; }
}

/* FUSIALAB société — univers autonome */
.fusialab-corporate-site { background:#f3f7fb; color:#14243a; }
.fusialab-corporate-site .corporate-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94); backdrop-filter:blur(18px); }
.fusialab-corporate-site .corporate-header #navigation { display:flex; align-items:center; gap:20px; }
.fusialab-corporate-site .corporate-header #navigation a { color:#15243a; font-weight:750; text-decoration:none; }
.fusialab-corporate-site .corporate-header #navigation .nav-action { padding:.75rem 1rem; border-radius:12px; color:#fff; background:linear-gradient(100deg,#115fe9,#7542d6); }
.corporate-hero { position:relative; min-height:min(820px,84vh); display:flex; align-items:center; overflow:hidden; padding:clamp(55px,8vw,120px); color:#fff; background:#030b1c; }
.corporate-hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(2,8,21,.98) 0%,rgba(3,10,26,.92) 34%,rgba(3,10,26,.34) 62%,rgba(3,10,26,.08) 100%); }
.corporate-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:corporate-push 16s ease-out both; }
.corporate-hero-copy { position:relative; z-index:2; width:min(750px,100%); }
.corporate-hero .eyebrow { color:#80e3ff; }
.corporate-hero h1 { margin:.35rem 0 1.3rem; color:#fff; font-size:clamp(3rem,7vw,7rem); line-height:.91; letter-spacing:-.055em; }
.corporate-hero .lead { max-width:720px; color:#e8f2ff; font-size:clamp(1.08rem,1.75vw,1.42rem); text-shadow:0 2px 18px rgba(0,0,0,.55); }
.corporate-hero .button.secondary { color:#fff; border-color:rgba(255,255,255,.52); background:rgba(5,15,35,.5); }
.corporate-hero .trust-list li { color:#eff8ff; }
@keyframes corporate-push { to { transform:scale(1.045); } }
.corporate-manifesto { width:min(1120px,calc(100% - 36px)); margin:-48px auto 0; position:relative; z-index:3; padding:clamp(34px,6vw,68px); border:1px solid #d5dfeb; border-radius:30px; background:#fff; box-shadow:0 28px 70px rgba(17,39,72,.15); }
.corporate-manifesto h2 { margin:.35rem 0 1rem; color:#12233c; font-size:clamp(2.1rem,5vw,4.5rem); line-height:1; }
.corporate-manifesto p:last-child { max-width:920px; color:#4b6078; font-size:1.12rem; }
.expertise-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.expertise-grid article { padding:28px; border:1px solid #cbd8e5; border-radius:24px; background:linear-gradient(145deg,#fff,#f3f8fd); box-shadow:0 16px 42px rgba(18,42,74,.08); }
.expertise-grid article > span { color:#6350d9; font-size:.72rem; font-weight:900; letter-spacing:.14em; }
.expertise-grid h3 { color:#132642; }
.expertise-grid .step-title { display:grid; gap:.35rem; margin-top:0; }
.expertise-grid .step-title > span { color:#6350d9; font-size:.72rem; font-weight:900; letter-spacing:.14em; }
.corporate-projects { width:100%; max-width:none; padding-left:max(18px,calc((100% - 1180px)/2)); padding-right:max(18px,calc((100% - 1180px)/2)); background:linear-gradient(145deg,#071226,#101b36); }
.corporate-projects .section-heading h2,.corporate-projects .section-heading p { color:#f2f7ff; }
.corporate-projects .section-heading .eyebrow { color:#84e3ff; }
.project-universe-grid { display:grid; gap:20px; }
.project-universe { display:grid; grid-template-columns:190px 1fr; align-items:center; gap:34px; min-height:260px; padding:34px; border:1px solid #304465; border-radius:28px; background:linear-gradient(145deg,rgba(21,38,67,.96),rgba(8,19,38,.98)); overflow:hidden; }
.project-universe > img { width:170px; height:170px; object-fit:contain; }
.project-universe > div > span { color:#8ee8ff; font-size:.72rem; font-weight:900; letter-spacing:.14em; }
.project-universe h3 { margin:.35rem 0 .5rem; color:#fff; font-size:clamp(2.5rem,5vw,4.8rem); }
.project-universe p { max-width:760px; color:#bfd0e6; }
.project-universe .button { margin-top:12px; }
.titan-universe { border-color:#744fd5; }
.jarod-universe { border-color:#1b85e8; }
.future-universe { border-style:dashed; }
.future-mark { display:grid; place-items:center; width:140px; height:140px; border:1px solid #607290; border-radius:40px; color:#90e8ff; font-size:6rem; font-weight:200; background:rgba(121,86,214,.12); }
.partner-hero { position:relative; display:grid; min-height:700px; overflow:hidden; background:#071226; }
.partner-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.72; }
.partner-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,8,21,.96) 0%,rgba(3,10,26,.72) 48%,rgba(3,10,26,.15) 100%); }
.partner-hero-copy { position:relative; z-index:1; align-self:center; width:min(1180px,calc(100% - 36px)); margin:auto; padding:100px 0 80px; }
.partner-hero-copy h1 { max-width:900px; margin:.25em 0; color:#fff; font-size:clamp(3rem,7vw,7rem); line-height:.95; }
.partner-hero-copy .lead { max-width:760px; color:#d5e4f5; }
.partner-intro { padding-bottom:20px; }
.partner-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.partner-grid article { padding:clamp(24px,4vw,40px); border:1px solid #c9d7e6; border-radius:26px; background:linear-gradient(145deg,#fff,#f2f7fc); box-shadow:0 18px 48px rgba(18,42,74,.09); }
.partner-grid h3 { display:grid; gap:.45rem; margin-top:0; color:#132642; font-size:clamp(1.55rem,3vw,2.25rem); }
.partner-grid h3 span { color:#6350d9; font-size:.72rem; letter-spacing:.14em; }
.partner-grid ul { display:grid; gap:.45rem; padding-left:1.2rem; }
.partner-fit { color:#f4f8ff; background:linear-gradient(145deg,#071226,#151b3c); }
.partner-fit .section-heading h2,.partner-fit .section-heading p { color:#f4f8ff; }
.partner-fit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.partner-fit-grid > div { padding:28px; border:1px solid #324e73; border-radius:22px; background:rgba(255,255,255,.045); }
.partner-fit-grid strong { display:block; margin-bottom:.7rem; color:#8ee8ff; font-size:1.2rem; }
.partner-fit-grid p { color:#c8d8e9; }
.partner-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:0; list-style:none; counter-reset:partner-step; }
.partner-process li { counter-increment:partner-step; padding:24px; border:1px solid #cbd8e5; border-radius:22px; background:#fff; }
.partner-process li::before { content:"ÉTAPE 0" counter(partner-step); display:block; margin-bottom:.65rem; color:#6350d9; font-size:.72rem; font-weight:900; letter-spacing:.14em; }
.partner-process li strong,.partner-process li span { display:block; }
.partner-process li strong { margin-bottom:.55rem; color:#132642; font-size:1.12rem; }
.partner-process li span { color:#4b6078; }
.partner-contact { margin-top:0; }
.jarod-video-showcase { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(24px,5vw,58px); align-items:center; color:#f4f7ff; background:linear-gradient(145deg,#10091f,#24113d); }
.jarod-video-copy h2 { margin:.3rem 0 1rem; color:#fff; font-size:clamp(2rem,4vw,4rem); line-height:1.02; }
.jarod-video-copy p:not(.eyebrow) { color:#d5cbe6; font-size:1.08rem; }
.jarod-video-frame { padding:10px; border:1px solid rgba(205,146,255,.38); border-radius:26px; background:rgba(0,0,0,.25); box-shadow:0 26px 80px rgba(0,0,0,.38),0 0 55px rgba(166,75,255,.12); }
.jarod-video-frame video { display:block; width:100%; height:auto; aspect-ratio:16/9; border-radius:18px; background:#05030d; object-fit:cover; }
@media(max-width:850px){.partner-hero{min-height:660px}.partner-hero::after{background:linear-gradient(0deg,rgba(2,8,21,.97),rgba(3,10,26,.55))}.partner-grid,.partner-fit-grid,.partner-process ol{grid-template-columns:1fr}.partner-hero-copy{padding-top:150px}.partner-hero-copy h1{font-size:clamp(2.7rem,13vw,4.8rem)}}
@media(max-width:850px){.jarod-video-showcase{grid-template-columns:1fr}.jarod-video-copy{text-align:center}.jarod-video-copy .button{width:100%;box-sizing:border-box;text-align:center}}
.method-line { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.method-line article { padding:26px; border-top:4px solid #5b55dc; border-radius:0 0 22px 22px; background:#fff; box-shadow:0 15px 36px rgba(20,40,70,.08); }
.method-line strong { color:#1570de; font-size:2rem; }
.corporate-contact { width:min(1180px,calc(100% - 36px)); margin:30px auto 86px; display:grid; grid-template-columns:1.5fr .7fr; align-items:center; gap:34px; padding:clamp(36px,6vw,70px); border-radius:30px; color:#fff; background:linear-gradient(120deg,#0d2b57,#51319d); box-shadow:0 28px 70px rgba(28,43,100,.24); }
.corporate-contact h2,.corporate-contact p { color:#fff; }
.corporate-contact h2 { margin:.3rem 0 .8rem; font-size:clamp(2.3rem,5vw,4.8rem); }
.corporate-contact .eyebrow { color:#8feaff; }
.corporate-contact-actions { display:grid; gap:12px; }
.corporate-contact .button.secondary { color:#fff; border-color:rgba(255,255,255,.52); background:rgba(8,18,44,.2); }

@media(max-width:900px){
  .fusialab-corporate-site .corporate-header #navigation { display:none; position:absolute; inset:100% 0 auto; padding:18px; flex-direction:column; align-items:stretch; gap:0; background:#fff; box-shadow:0 20px 45px rgba(10,26,53,.18); }
  .fusialab-corporate-site .corporate-header #navigation.open { display:flex; }
  .fusialab-corporate-site .corporate-header #navigation a { padding:15px 4px; border-bottom:1px solid #e1e8f0; }
  .corporate-hero { min-height:680px; padding:50px 24px; }
  .corporate-hero::after { background:linear-gradient(90deg,rgba(2,8,21,.95),rgba(3,10,26,.58)); }
  .corporate-manifesto { margin-top:-26px; }
  .expertise-grid,.method-line { grid-template-columns:1fr; }
  .project-universe { grid-template-columns:1fr; text-align:left; }
  .project-universe > img { width:130px; height:130px; }
  .future-mark { width:110px; height:110px; }
  .corporate-contact { grid-template-columns:1fr; }
}

@media(max-width:680px){
  .pro-site .section-header .language-switcher { display:none !important; }
  .pro-site .section-header .named-brand span { width:auto; max-width:125px; }
  .pro-site .section-header .named-brand strong,
  .pro-site .section-header .named-brand small { white-space:nowrap; }
  .titan-sales-site { overflow-x:hidden; }
  .titan-sales-site .hero-copy p,
  .titan-sales-site .hero-copy h1,
  .titan-sales-site .hero-copy h1 span { white-space:normal !important; overflow-wrap:anywhere !important; }
  .titan-sales-site .hero h1,
  .titan-sales-site .hero h1 span { font-size:clamp(2.15rem,10.2vw,2.55rem) !important; line-height:1.08 !important; letter-spacing:-.04em !important; }
  .titan-sales-site .buy-dock { box-sizing:border-box; width:calc(100% - 20px); max-width:calc(100% - 20px); overflow:hidden; }
  .titan-sales-site .buy-dock a { min-width:0; padding:10px 8px; }
}

/* Contenu explicatif enrichi — schémas simples et signature de fin commune. */
.content-block-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px; }
.content-block {
  padding:24px;
  border:1px solid #cbd8e5;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 34px rgba(18,42,74,.07);
}
.content-block > span { color:#155eef; font-size:.72rem; font-weight:900; letter-spacing:.13em; }
.content-block h3 { margin:.55rem 0 .65rem; color:#13243a; }
.content-block p,.content-block li { color:#52657a; }
.explain-diagram {
  margin-top:28px;
  padding:clamp(26px,4vw,42px);
  border:1px solid #c4d2e2;
  border-radius:26px;
  background:linear-gradient(145deg,#07162c,#15294a);
  box-shadow:0 22px 52px rgba(14,35,70,.18);
}
.explain-diagram h2,.explain-diagram p { color:#fff; }
.explain-diagram > p { color:#c5d7ec; }
.flow-diagram { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:12px; align-items:stretch; margin-top:24px; }
.flow-node {
  display:flex;
  min-height:122px;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid rgba(126,233,255,.35);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,rgba(24,59,99,.92),rgba(20,34,66,.98));
}
.flow-node strong { color:#8be8ff; font-size:1.08rem; }
.flow-node small { margin-top:7px; color:#c8d9ed; line-height:1.45; }
.flow-arrow { display:grid; place-items:center; color:#79e7ff; font-size:2rem; font-weight:300; }
.compare-paths { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; }
.compare-paths article { display:flex; flex-direction:column; padding:26px; border:1px solid #cbd8e5; border-radius:22px; background:#fff; }
.compare-paths article .button { margin-top:auto; align-self:flex-start; }
.compare-paths article:last-child { color:#fff; border-color:#6849b6; background:linear-gradient(145deg,#25163f,#3b2463); }
.compare-paths article:last-child h3,.compare-paths article:last-child p,.compare-paths article:last-child li { color:#fff; }
.diagnostics-page .big-price { font-size:clamp(1.8rem,2.7vw,2.65rem); }
.end-signature {
  position:relative;
  min-height:300px;
  display:grid;
  grid-template-columns:minmax(220px,.72fr) 1.3fr;
  align-items:center;
  gap:clamp(24px,5vw,64px);
  margin-top:42px;
  padding:clamp(30px,5vw,58px);
  overflow:hidden;
  border:1px solid rgba(126,233,255,.25);
  border-radius:30px;
  color:#fff;
  background:linear-gradient(135deg,#06152c,#162b50 60%,#3b1f66);
  box-shadow:0 26px 66px rgba(12,32,68,.2);
}
.end-signature::after { content:""; position:absolute; inset:auto -10% -55% 35%; height:260px; border-radius:50%; background:rgba(83,214,255,.14); filter:blur(30px); }
.end-signature img { position:relative; z-index:1; display:block; width:min(100%,310px); max-height:220px; margin:auto; object-fit:contain; }
.end-signature div { position:relative; z-index:1; }
.end-signature h2,.end-signature p { color:#fff; }
.end-signature p { color:#c9d8eb; }
.end-signature .button { margin-top:10px; }
@media(max-width:900px){
  .content-block-grid { grid-template-columns:1fr; }
  .flow-diagram { grid-template-columns:1fr; }
  .flow-arrow { transform:rotate(90deg); min-height:30px; }
  .compare-paths,.end-signature { grid-template-columns:1fr; }
  .end-signature { text-align:center; }
  .product-subpage,.product-subpage main,.subpage-hero,.subpage-main,.page-card-grid,.page-card,.page-section,.explain-diagram,.end-signature {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .subpage-hero-copy p,.page-card p,.page-card h2,.page-card h3,.content-block p,.content-block h3 {
    max-width:100%;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  .page-card .button,.compare-paths .button { box-sizing:border-box; width:100%; white-space:normal; text-align:center; }
}

/* Achat TITAN visible partout, sans prétendre que le paiement local est connecté. */
.quick-pay-methods { display:flex; gap:7px; align-items:center; }
.quick-pay-methods a {
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.08);
  font-size:.78rem;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
.quick-pay-methods a:hover,.quick-pay-methods a:focus-visible {
  border-color:#76e7ff;
  background:rgba(55,211,255,.16);
}
.payment-preview-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 10px; }
.payment-preview-actions button {
  min-height:54px;
  border:0;
  border-radius:12px;
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(12,25,54,.16);
}
.payment-preview-actions .preview-stripe { background:#635bff; }
.payment-preview-actions .preview-paypal { color:#062c63; background:#ffc439; }
.payment-preview-note { color:#52657a; font-size:.82rem; line-height:1.45; }
.titan-sales-site .checkout-page .journey-step h3,
.titan-sales-site .checkout-page .journey-step p {
  color:#f5f9ff !important;
}
.titan-sales-site .checkout-page .journey-step p { color:#c8d6e8 !important; }
.titan-sales-site .checkout-page .benefit-card p,
.titan-sales-site .checkout-page .paypal-note,
.titan-sales-site .checkout-page .kit-detail,
.titan-sales-site .checkout-page .payment-preview-note,
.titan-sales-site .checkout-page .paypal-frame small {
  color:#d8e5f4 !important;
}
.titan-sales-site .checkout-page .checkout-hero h1 span {
  color:#1668d7;
  -webkit-text-stroke:0;
  text-shadow:none;
}
.titan-sales-site .checkout-page .journey-number {
  color:#7eeaff;
  background:rgba(30,190,255,.18);
  box-shadow:0 0 0 1px rgba(82,220,255,.16);
}
.titan-sales-site .checkout-page .checkout-summary h2,
.titan-sales-site .checkout-page .checkout-summary p,
.titan-sales-site .checkout-page .checkout-summary li,
.titan-sales-site .checkout-page .paypal-frame h2,
.titan-sales-site .checkout-page .paypal-frame > p {
  color:#f5f9ff;
}
.titan-sales-site .checkout-page .checkout-guarantees span {
  color:#20334a;
  border-color:#c7d5e5;
  background:#fff;
}

/* En-tête JAROD propre : logo transparent, aucun rectangle noir ni doublon. */
.pro-site .section-header {
  background:
    linear-gradient(90deg, rgba(18, 7, 32, .98), rgba(53, 18, 78, .95)),
    url("fusialab-universe-business-filaments-v2.webp") center 45% / cover no-repeat;
  border-bottom-color:rgba(198,108,255,.3);
}
.pro-site .section-header .named-brand span { display:none; }
.pro-site .section-header .brand-product {
  width:min(230px,24vw);
  min-width:155px;
  margin:0;
}
.pro-site .section-header .brand-product img {
  display:block;
  width:100%;
  height:108px;
  max-width:230px;
  object-fit:contain;
  object-position:center;
  border:0;
  background:transparent;
  box-shadow:none;
}
.pro-site .section-header > nav a { color:#f7edff; }
.pro-site .section-header .menu-button {
  color:#fff;
  border-color:rgba(215,145,255,.38);
  background:rgba(255,255,255,.06);
}
@media(max-width:680px){
  .quick-pay-methods { display:none; }
  .payment-preview-actions { grid-template-columns:1fr; }
  .pro-site .section-header .brand-product {
    width:min(220px,58vw);
    min-width:0;
    margin:0 auto;
  }
  .pro-site .section-header { min-height:104px; }
  .pro-site .section-header .brand-product img { height:92px; }
  .pro-site .section-header > nav { background:#170b28; }
}

/* En-tête TITAN simplifié — un seul logo, lisible, sans doublon. */
.titan-sales-site .section-header {
  min-height: 92px;
  background:
    linear-gradient(90deg, rgba(4, 15, 34, .98), rgba(8, 37, 66, .95)),
    url("fusialab-universe-personal-filaments-v2.webp") center 42% / cover no-repeat;
  border-bottom-color: rgba(72, 216, 255, .28);
  box-shadow: 0 12px 34px rgba(4, 18, 38, .24);
}
.titan-sales-site .section-header .named-brand span { display:none; }
.titan-sales-site .section-header .brand-product {
  width: min(230px, 24vw);
  min-width: 155px;
  margin: 0;
}
.titan-sales-site .section-header .brand-product img {
  display:block;
  width:100%;
  height:72px;
  max-width:230px;
  object-fit:contain;
  object-position:center;
}
.titan-sales-site .section-header > nav {
  flex-wrap:nowrap;
  transform:none;
}
.titan-sales-site .section-header > nav a { color:#eaf6ff; }
.titan-sales-site .section-header .menu-button {
  color:#eaf6ff;
  border-color:rgba(126,233,255,.38);
  background:rgba(255,255,255,.06);
}
@media(max-width:1100px){
  .titan-sales-site .section-header > nav { flex-wrap:wrap; }
}
@media(max-width:680px){
  .titan-sales-site .section-header { min-height:78px; padding-block:.3rem; }
  .titan-sales-site .section-header .brand-product {
    width:min(190px,52vw);
    min-width:0;
    margin:0 auto;
  }
  .titan-sales-site .section-header .brand-product img { height:62px; }
  .titan-sales-site .section-header > nav {
    background:#07172b;
    border-color:rgba(126,233,255,.25);
  }
}