/* AXINA premium preservation layer — visual upgrade without removing content. */
:root {
  --accent: #d97832 !important;
  --accent-d: #ad5b24 !important;
  --accent-l: #f1a45d !important;
  --tp: rgba(217, 120, 50, .09) !important;
  --tp2: rgba(217, 120, 50, .18) !important;
  --black: #071324 !important;
  --black2: #0b1f36 !important;
  --white: #fffdf8 !important;
  --off: #f8f1e6 !important;
  --off-warm: #fbf3e7 !important;
  --gray: #637287 !important;
  --border: rgba(7, 19, 36, .12) !important;
  --ax-blue: #071324;
  --ax-blue-2: #0b2745;
  --ax-blue-3: #123a62;
  --ax-ivory: #fff8ec;
  --ax-paper: #fffdf8;
  --ax-sand: #f2e3cb;
  --ax-teal: #16b7a5;
  --ax-shadow: 0 24px 80px rgba(7, 19, 36, .13);
  --ax-shadow-soft: 0 14px 44px rgba(7, 19, 36, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 6% 3%, rgba(217, 120, 50, .16), transparent 32rem),
    radial-gradient(circle at 90% 10%, rgba(10, 37, 64, .12), transparent 30rem),
    linear-gradient(180deg, #fff8ec 0%, #fbf3e7 38%, #fffdf8 100%) !important;
  color: var(--black) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  letter-spacing: -.012em;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(7, 19, 36, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 19, 36, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.55), transparent 72%);
  z-index: -1;
}

p, li {
  color: #607086 !important;
  line-height: 1.72 !important;
}

h1, h2, h3, .sec-h2 {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--black) !important;
  letter-spacing: -.064em !important;
  text-wrap: balance;
}

h1 { line-height: .92 !important; }
h2, .sec-h2 { line-height: .96 !important; }
h3 { line-height: 1.08 !important; }

section {
  position: relative;
  padding-top: clamp(78px, 8.5vw, 148px) !important;
  padding-bottom: clamp(78px, 8.5vw, 148px) !important;
}

section:nth-of-type(even) {
  background:
    radial-gradient(circle at 86% 18%, rgba(217, 120, 50, .10), transparent 24rem),
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(242,227,203,.46)) !important;
}

.wrap, .container, .shell {
  width: min(1180px, calc(100% - 44px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#nav, nav {
  backdrop-filter: blur(24px) saturate(1.2) !important;
  background: rgba(255, 248, 236, .88) !important;
  border-bottom: 1px solid rgba(7, 19, 36, .10) !important;
  box-shadow: 0 20px 70px rgba(7, 19, 36, .07) !important;
}

nav a, #nav a {
  color: rgba(7, 19, 36, .72) !important;
  font-weight: 760 !important;
}

button, .btn, a[class*="btn"] {
  border-radius: 999px !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  min-height: 46px;
}

button:hover, .btn:hover, a[class*="btn"]:hover {
  transform: translateY(-2px);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.btn-teal, .btn-black,
[style*="background:var(--accent)"],
[style*="background:#F4500C"],
[style*="background: #F4500C"],
[style*="background:#111"] {
  background: linear-gradient(135deg, #d97832, #f1a45d) !important;
  color: #150c05 !important;
  border: 0 !important;
  box-shadow: 0 18px 45px rgba(217, 120, 50, .25) !important;
}

.btn-ghost {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  color: #fff8ec !important;
}

.hero, .hero-section,
[style*="height:100vh"],
[style*="min-height:100vh"],
[style*="background:#0B1623"] {
  background:
    linear-gradient(90deg, rgba(7, 19, 36, .97), rgba(7, 19, 36, .86) 46%, rgba(7, 19, 36, .48)),
    radial-gradient(circle at 78% 26%, rgba(217, 120, 50, .30), transparent 29rem),
    linear-gradient(135deg, #071324, #123a62) !important;
  color: #fff8ec !important;
  overflow: hidden;
}

.hero::after, .hero-section::after,
[style*="height:100vh"]::after,
[style*="min-height:100vh"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.75), transparent 76%);
}

.hero h1, .hero-section h1,
[style*="height:100vh"] h1,
[style*="min-height:100vh"] h1,
[style*="background:#0B1623"] h1 {
  color: #fff8ec !important;
  text-shadow: 0 18px 70px rgba(0,0,0,.30);
}

.hero p, .hero-section p,
[style*="height:100vh"] p,
[style*="min-height:100vh"] p,
[style*="background:#0B1623"] p {
  color: rgba(255, 248, 236, .76) !important;
  max-width: 740px;
}

.sec-label,
[style*="text-transform:uppercase"],
[style*="letter-spacing:.08em"],
[style*="letter-spacing:.12em"] {
  letter-spacing: .14em !important;
  font-weight: 900 !important;
}

.photo-card, .photo-orange-block, .card, [class*="card"],
[style*="border-radius:16px"], [style*="border-radius:18px"],
[style*="border-radius:20px"], [style*="border-radius:24px"] {
  border-radius: 30px !important;
  border-color: rgba(7, 19, 36, .12) !important;
  box-shadow: var(--ax-shadow-soft) !important;
}

.photo-card:hover, .photo-orange-block:hover, .card:hover, [class*="card"]:hover {
  box-shadow: var(--ax-shadow) !important;
}

.photo-card img, .photo-orange-block img, img[src^="data:image"] {
  filter: grayscale(.48) saturate(.80) contrast(1.06) brightness(.90) !important;
}

.photo-orange-block {
  background: linear-gradient(135deg, #0a2540, #d97832) !important;
}

.photo-chip, .photo-badge, [class*="badge"], [class*="chip"] {
  border-radius: 999px !important;
}

.grid, .cards, [style*="grid-template-columns"] {
  gap: clamp(18px, 2vw, 34px) !important;
}

.reveal { transform: none !important; }

#pricing, .pricing {
  background:
    radial-gradient(circle at 12% 0%, rgba(217,120,50,.12), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(242,227,203,.64)) !important;
}

#pricing [style*="background:#fff"],
#pricing [style*="background:var(--black)"] {
  min-height: 100%;
}

.faq-item, [id^="fq"] {
  border-color: rgba(7, 19, 36, .10) !important;
  background: rgba(255, 253, 248, .72) !important;
}

#modal-content, .modal-content {
  border-radius: 32px !important;
  box-shadow: 0 30px 90px rgba(7, 19, 36, .25) !important;
}

@media (max-width: 980px) {
  body { overflow-x: hidden !important; }
  .wrap, .container, .shell { width: min(100% - 32px, 1180px) !important; }
  .nav-links, .links { display: none !important; }
  section { padding-left: 16px !important; padding-right: 16px !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display:flex"][style*="gap"] { flex-wrap: wrap !important; }
  button, .btn, a[class*="btn"] { min-height: 48px !important; }
}

@media (max-width: 620px) {
  body { font-size: 15px !important; }
  .wrap, .container, .shell { width: min(100% - 26px, 1180px) !important; }
  h1 { font-size: clamp(42px, 15vw, 68px) !important; }
  h2, .sec-h2 { font-size: clamp(31px, 10.5vw, 52px) !important; }
  h3 { font-size: clamp(21px, 7vw, 30px) !important; }
  p, li { font-size: 15.5px !important; }
  section { padding-top: 62px !important; padding-bottom: 62px !important; }
  .photo-card img { height: auto !important; min-height: 260px; object-fit: cover; }
  button, .btn, a[class*="btn"] { width: 100%; justify-content: center; }
}

/* Editorial system pass: Stripe/Brex-level rhythm without changing content. */
.hero {
  min-height: min(860px, calc(100vh - 1px)) !important;
  display: flex !important;
  align-items: center !important;
}

.hero .wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr) !important;
  gap: clamp(40px, 6vw, 92px) !important;
  align-items: center !important;
  padding-top: clamp(84px, 10vw, 150px) !important;
  padding-bottom: clamp(64px, 8vw, 120px) !important;
}

.hero h1 {
  max-width: 940px !important;
  margin-bottom: 26px !important;
  font-size: clamp(58px, 8.4vw, 124px) !important;
}

.hero .hero-sub,
.hero p {
  max-width: 680px !important;
  font-size: clamp(18px, 1.6vw, 24px) !important;
  line-height: 1.55 !important;
}

.hero-actions {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 34px !important;
}

.sec-label,
.arg-tag,
.assistant-sub,
.demo-badge,
.badge {
  font-size: 11px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .15em !important;
}

.sec-h2,
.arg-h2 {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.arg-h2 {
  font-size: clamp(38px, 5.2vw, 76px) !important;
}

.arg-sub {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.68 !important;
}

.axina-assistant,
.assistant-box {
  background:
    radial-gradient(circle at 8% 0%, rgba(217,120,50,.12), transparent 24rem),
    rgba(255, 253, 248, .78) !important;
}

.assistant-box {
  border: 1px solid rgba(7,19,36,.10) !important;
  border-radius: 34px !important;
  box-shadow: 0 26px 90px rgba(7,19,36,.10) !important;
  padding: clamp(28px, 4vw, 54px) !important;
}

.assistant-options {
  gap: 12px !important;
}

.assistant-options button {
  background: #fffdf8 !important;
  border: 1px solid rgba(7,19,36,.12) !important;
  color: var(--black) !important;
  box-shadow: 0 10px 30px rgba(7,19,36,.06) !important;
}

.arg-block {
  border-radius: 42px !important;
  overflow: hidden !important;
}

.arg-2col {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: clamp(42px, 6vw, 96px) !important;
}

.arg-block h2,
.arg-block .arg-h2 {
  text-align: left !important;
  margin-left: 0 !important;
}

.arg-block p,
.arg-block .arg-sub {
  margin-left: 0 !important;
}

.feat-list,
[style*="display:flex;flex-direction:column;gap:9px"],
[style*="display:flex;flex-direction:column;gap:8px"] {
  gap: 12px !important;
}

.feat-item,
[style*="align-items:flex-start"][style*="gap:9px"],
[style*="align-items:flex-start"][style*="gap:12px"] {
  align-items: flex-start !important;
}

[style*="background:#fff"][style*="border"],
[style*="background:var(--white)"][style*="border"],
[style*="background:var(--off)"][style*="border"] {
  background: rgba(255, 253, 248, .86) !important;
  backdrop-filter: blur(16px) !important;
}

[style*="background:var(--black)"],
[style*="background:#1A1A1A"],
[style*="background:#0B1623"] {
  background:
    radial-gradient(circle at 80% 10%, rgba(217,120,50,.18), transparent 25rem),
    linear-gradient(135deg, #071324, #0d2d4c) !important;
}

#produit .wrap > div,
#pourquoi .wrap > div,
#pricing .wrap > div,
#faq .wrap > div {
  position: relative !important;
}

#produit [style*="grid-template-columns"],
#pricing [style*="grid-template-columns"] {
  align-items: stretch !important;
}

#pricing [style*="font-size:38px"],
#pricing [style*="font-size:34px"],
#pricing [style*="font-size:28px"] {
  font-size: clamp(40px, 4.4vw, 64px) !important;
  letter-spacing: -.07em !important;
}

#pricing button {
  margin-top: auto !important;
}

#faq .wrap {
  max-width: 920px !important;
}

#faq [id^="fq"] {
  border-radius: 18px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.demo-hero {
  min-height: auto !important;
  padding-top: clamp(86px, 9vw, 140px) !important;
  padding-bottom: clamp(48px, 6vw, 96px) !important;
}

.demo-frame {
  border-radius: 34px !important;
  box-shadow: 0 30px 100px rgba(7, 19, 36, .18) !important;
}

.demo-tabs {
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 999px !important;
}

.demo-tabs button,
.tab {
  border-radius: 999px !important;
}

.banks-section,
.cta-final {
  background:
    radial-gradient(circle at 20% 0%, rgba(217,120,50,.18), transparent 26rem),
    linear-gradient(135deg, #071324, #0d2d4c) !important;
}

@media (max-width: 980px) {
  .hero .wrap {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .arg-2col,
  .arg-2col.rev {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .arg-2col.rev > *:first-child {
    order: 2;
  }

  .arg-2col.rev > *:last-child {
    order: 1;
  }

  .hero-actions {
    align-items: stretch !important;
  }
}

/* Contrast + editorial hierarchy pass: premium readability without changing content */
:root {
  --axina-ink: #071324;
  --axina-muted: #516176;
  --axina-cream: #fff8ec;
  --axina-cream-soft: rgba(255, 248, 236, .78);
  --axina-orange: #d97832;
}

body {
  text-rendering: optimizeLegibility !important;
}

h1,
h2,
.sec-h2,
.arg-h2,
.hero h1,
[style*="font-size:clamp(52px,7vw,96px)"],
[style*="font-size:clamp(58px,8.4vw,124px)"] {
  font-size: clamp(42px, 6.1vw, 84px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

h3,
.card h3,
[style*="font-size:clamp(28px,3.5vw,50px)"] {
  font-size: clamp(26px, 3.2vw, 46px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
}

p,
li,
.sec-sub,
.arg-sub,
.hero p,
.hero .hero-sub {
  line-height: 1.68 !important;
}

body,
section,
.wrap,
[style*="background:var(--off)"],
[style*="background:#FFF"],
[style*="background:#fff"],
[style*="background:#FFF8EE"] {
  color: var(--axina-ink) !important;
}

[style*="background:var(--off)"] p,
[style*="background:#FFF"] p,
[style*="background:#fff"] p,
[style*="background:#FFF8EE"] p,
#pricing p,
#pricing li,
#pricing div,
#produit p,
#pourquoi p {
  color: var(--axina-muted) !important;
}

[style*="background:var(--black)"],
[style*="background:#1A1A1A"],
[style*="background:#0B1623"],
.banks-section,
.cta-final,
.demo-hero {
  color: var(--axina-cream) !important;
}

[style*="background:var(--black)"] h1,
[style*="background:var(--black)"] h2,
[style*="background:var(--black)"] h3,
[style*="background:#1A1A1A"] h1,
[style*="background:#1A1A1A"] h2,
[style*="background:#1A1A1A"] h3,
[style*="background:#0B1623"] h1,
[style*="background:#0B1623"] h2,
[style*="background:#0B1623"] h3,
.banks-section h1,
.banks-section h2,
.banks-section h3,
.cta-final h1,
.cta-final h2,
.cta-final h3,
.demo-hero h1,
.demo-hero h2,
.demo-hero h3 {
  color: var(--axina-cream) !important;
}

[style*="background:var(--black)"] p,
[style*="background:var(--black)"] li,
[style*="background:var(--black)"] div,
[style*="background:#1A1A1A"] p,
[style*="background:#1A1A1A"] li,
[style*="background:#1A1A1A"] div,
[style*="background:#0B1623"] p,
[style*="background:#0B1623"] li,
[style*="background:#0B1623"] div,
.banks-section p,
.banks-section li,
.banks-section div,
.cta-final p,
.cta-final li,
.cta-final div,
.demo-hero p,
.demo-hero li,
.demo-hero div {
  color: var(--axina-cream-soft) !important;
}

[style*="background:var(--black)"] [style*="color:#fff"],
[style*="background:#1A1A1A"] [style*="color:#fff"],
[style*="background:#0B1623"] [style*="color:#fff"],
.banks-section [style*="color:#fff"],
.cta-final [style*="color:#fff"] {
  color: var(--axina-cream) !important;
}

.sec-label,
.arg-tag,
[style*="text-transform:uppercase"][style*="letter-spacing"] {
  color: var(--axina-orange) !important;
}

#pricing .wrap > div:first-child,
#faq .wrap > div:first-child,
section .wrap > .reveal[style*="text-align:center"] {
  text-align: left !important;
}

#pricing .wrap > div:first-child .sec-sub,
#faq .wrap > div:first-child .sec-sub,
section .wrap > .reveal[style*="text-align:center"] .sec-sub,
section .wrap > .reveal[style*="text-align:center"] h2,
section .wrap > .reveal[style*="text-align:center"] p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#pricing .wrap > div:first-child {
  max-width: 920px !important;
}

#pricing [style*="background:linear-gradient(135deg,var(--accent)"],
#pricing [style*="background:linear-gradient(135deg, var(--accent)"],
#pricing [style*="background:var(--accent)"] {
  text-align: left !important;
  background: linear-gradient(135deg, #c76525, #e9a15b) !important;
  color: #120904 !important;
}

#pricing [style*="background:linear-gradient(135deg,var(--accent)"] *,
#pricing [style*="background:linear-gradient(135deg, var(--accent)"] *,
#pricing [style*="background:var(--accent)"] * {
  color: #120904 !important;
}

#pricing [style*="grid-template-columns:1fr 1fr 1fr"] {
  justify-items: start !important;
  text-align: left !important;
}

#pricing [style*="grid-template-columns:1fr 1fr 1fr"] > div {
  color: #120904 !important;
}

.feat-check,
[style*="border-radius:50%"][style*="font-size:9px"],
[style*="font-size:26px"],
[style*="font-size:22px"],
[style*="font-size:18px"] {
  filter: grayscale(1) saturate(0) !important;
}

.btn,
button,
a[class*="btn"] {
  letter-spacing: -.015em !important;
}

@media (max-width: 980px) {
  h1,
  h2,
  .sec-h2,
  .arg-h2,
  .hero h1,
  [style*="font-size:clamp(52px,7vw,96px)"],
  [style*="font-size:clamp(58px,8.4vw,124px)"] {
    font-size: clamp(38px, 10vw, 64px) !important;
  }
}

@media (max-width: 620px) {
  h1,
  h2,
  .sec-h2,
  .arg-h2,
  .hero h1,
  [style*="font-size:clamp(52px,7vw,96px)"],
  [style*="font-size:clamp(58px,8.4vw,124px)"] {
    font-size: clamp(34px, 12vw, 54px) !important;
    letter-spacing: -.045em !important;
  }

  #pricing [style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

@media (max-width: 620px) {
  .hero {
    min-height: auto !important;
  }

  .hero .wrap {
    padding-top: 78px !important;
    padding-bottom: 56px !important;
  }

  .hero h1 {
    font-size: clamp(44px, 16vw, 66px) !important;
  }

  .hero .hero-sub,
  .hero p {
    font-size: 17px !important;
  }

  .assistant-options button {
    width: 100% !important;
  }

  .arg-block {
    border-radius: 28px !important;
  }

  .photo-card,
  .photo-orange-block,
  .card,
  [class*="card"] {
    border-radius: 24px !important;
  }
}

/* DIP light-section contrast fix */
section:has(.dip-2col) {
  background:
    radial-gradient(circle at 82% 24%, rgba(217, 120, 50, .12), transparent 18rem),
    linear-gradient(180deg, #fffaf1, #fff6e8) !important;
  color: var(--axina-ink) !important;
}

section:has(.dip-2col) h2,
section:has(.dip-2col) h3,
section:has(.dip-2col) p,
section:has(.dip-2col) div,
section:has(.dip-2col) span {
  color: var(--axina-ink) !important;
}

section:has(.dip-2col) p,
section:has(.dip-2col) [style*="rgba(255,255,255,.38)"],
section:has(.dip-2col) [style*="rgba(255,255,255,.42)"],
section:has(.dip-2col) [style*="rgba(255,255,255,.36)"],
section:has(.dip-2col) [style*="rgba(255,255,255,.2)"],
section:has(.dip-2col) [style*="rgba(255,255,255,.18)"],
section:has(.dip-2col) [style*="rgba(255,255,255,.22)"] {
  color: var(--axina-muted) !important;
}

section:has(.dip-2col) [style*="var(--accent-l)"],
section:has(.dip-2col) [style*="rgba(244,80,12"] {
  color: var(--axina-orange) !important;
}

section:has(.dip-2col) .dip-2col > div:last-child,
section:has(.dip-2col) .reveal:last-child > div,
section:has(.dip-2col) [style*="background:rgba(255,255,255,.03)"] {
  background: rgba(255, 253, 248, .78) !important;
  border-color: rgba(7, 19, 36, .12) !important;
  box-shadow: 0 22px 70px rgba(7, 19, 36, .08) !important;
}

section:has(.dip-2col) [style*="border-bottom:1px solid rgba(255,255,255,.07)"],
section:has(.dip-2col) [style*="border-top:1px solid rgba(255,255,255,.07)"] {
  border-color: rgba(7, 19, 36, .10) !important;
}

section:has(.dip-2col) [style*="background:rgba(244,80,12,.08)"] {
  background: rgba(217, 120, 50, .10) !important;
  border-color: rgba(217, 120, 50, .24) !important;
}

/* Hero value cards: remove orange boxes, keep premium floating text */
.hero [style*="background:#111F2E"][style*="border-top:3px solid var(--gold)"] {
  background: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 18px 8px 0 !important;
}

.hero [style*="background:#111F2E"][style*="border-top:3px solid var(--gold)"] > div:first-child {
  color: rgba(255, 248, 236, .78) !important;
  filter: grayscale(1) saturate(0) !important;
  opacity: .82 !important;
}

.hero [style*="background:#111F2E"][style*="border-top:3px solid var(--gold)"] [style*="text-transform:uppercase"] {
  color: rgba(255, 248, 236, .46) !important;
  letter-spacing: .14em !important;
}

.hero [style*="background:#111F2E"][style*="border-top:3px solid var(--gold)"] [style*="font-weight:800"] {
  color: #fff8ec !important;
  font-size: 15.5px !important;
}

.hero [style*="background:#111F2E"][style*="border-top:3px solid var(--gold)"] [style*="line-height:1.6"] {
  color: rgba(255, 248, 236, .66) !important;
  max-width: 30ch !important;
}