:root {
  --ink: #eef7ff;
  --muted: #9eb1c7;
  --night: #030711;
  --panel: #091322;
  --line: rgba(111, 195, 255, .2);
  --blue: #3aa9ff;
  --cyan: #7ee9ff;
  --green: #65e6b5;
  --warning: #ffcc72;
  --radius: 22px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 80% 5%, #102a4d 0, transparent 24rem), var(--night); line-height: 1.6; }
a { color: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; padding: .7rem 1rem; background: white; color: #001; }
.skip-link:focus { top: 1rem; }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 74px; padding: .65rem max(5vw, 1rem); backdrop-filter: blur(18px); background: rgba(3,7,17,.78); border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; font-weight: 700; letter-spacing: .16em; }
.brand img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 22px rgba(58,169,255,.35); }
.brand span span { color: var(--blue); }
nav { display: flex; gap: 1.4rem; }
nav a { color: var(--muted); text-decoration: none; font-size: .92rem; }
nav a:hover, nav a:focus { color: white; }
.menu-button { display: none; background: transparent; border: 1px solid var(--line); color: white; border-radius: 8px; padding: .5rem .75rem; }
.hero { min-height: 690px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 4rem; max-width: 1240px; margin: auto; padding: 7rem 5vw 5rem; }
.eyebrow { color: var(--cyan); font-size: .76rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3 { line-height: 1.08; margin-top: 0; }
h1 { max-width: 850px; margin-bottom: 1.4rem; font-size: clamp(3rem, 6vw, 6.5rem); letter-spacing: -.055em; }
h1 span { color: transparent; -webkit-text-stroke: 1px var(--cyan); }
h2 { font-size: clamp(2rem, 4vw, 4.1rem); letter-spacing: -.04em; }
.lead { max-width: 680px; color: #c1d0df; font-size: clamp(1.05rem, 1.8vw, 1.28rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2rem 0; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .8rem 1.25rem; border: 0; border-radius: 9px; font-weight: 750; text-decoration: none; cursor: pointer; }
.button.primary { color: #00111f; background: linear-gradient(135deg, var(--cyan), var(--blue)); box-shadow: 0 8px 34px rgba(58,169,255,.24); }
.button.secondary { border: 1px solid var(--line); background: rgba(255,255,255,.03); }
.button:disabled { opacity: .55; cursor: not-allowed; }
.button.full { width: 100%; }
.trust-list { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; list-style: none; color: var(--muted); font-size: .88rem; }
.trust-list li::before { content: "✓"; margin-right: .45rem; color: var(--green); }
.hero-visual { position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.core { width: 180px; height: 180px; display: grid; place-content: center; text-align: center; border: 1px solid var(--cyan); border-radius: 50%; background: radial-gradient(circle, #1a69a4, #071320 66%); box-shadow: 0 0 70px rgba(58,169,255,.38), inset 0 0 35px rgba(126,233,255,.2); }
.core span { font-size: 1.8rem; letter-spacing: .15em; font-weight: 800; }
.core small { color: var(--cyan); letter-spacing: .12em; }
.orbit { position: absolute; border: 1px solid rgba(126,233,255,.25); border-radius: 50%; animation: spin 18s linear infinite; }
.orbit::before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px var(--cyan); }
.orbit-a { inset: 15%; transform: rotate(22deg); }
.orbit-b { inset: 4%; transform: rotate(74deg); animation-direction: reverse; animation-duration: 28s; }
.orbit-a::before { left: 12%; top: 13%; }.orbit-b::before { right: 8%; bottom: 20%; }
.signal { position: absolute; padding: .4rem .7rem; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: rgba(3,7,17,.8); font-size: .67rem; letter-spacing: .12em; }
.signal-a { top: 10%; right: 12%; }.signal-b { bottom: 17%; left: 5%; }.signal-c { bottom: 2%; right: 25%; }
@keyframes spin { to { transform: rotate(382deg); } }
.metrics { max-width: 1240px; margin: 0 auto 4rem; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(9,19,34,.65); }
.metrics article { padding: 1.85rem; border-right: 1px solid var(--line); }.metrics article:last-child { border: 0; }
.metrics strong { display: block; color: var(--cyan); font-size: 2rem; }.metrics span { color: #d9e4ee; font-size: 1rem; line-height: 1.45; }
.section { max-width: 1240px; margin: auto; padding: 6rem 5vw; }
.section-heading { max-width: 850px; margin-bottom: 3rem; }.section-heading > p:last-child, .section-copy { color: var(--muted); font-size: 1.08rem; }
.section-heading.compact { margin-bottom: 2rem; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.step { position: relative; min-height: 320px; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, rgba(17,42,70,.72), rgba(4,9,18,.6)); overflow: hidden; }
.step::after { content: ""; position: absolute; width: 170px; height: 170px; right: -70px; top: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(58,169,255,.24), transparent 70%); }
.step-number { display: block; margin-bottom: 4rem; color: var(--cyan); font-weight: 800; letter-spacing: .15em; }.step h3 { font-size: 1.55rem; }.step p { color: var(--muted); }
.tag { display: inline-flex; border: 1px solid var(--line); border-radius: 99px; padding: .3rem .6rem; color: var(--cyan); font-size: .72rem; }
.split { display: grid; grid-template-columns: 1.15fr .85fr; gap: 4rem; align-items: center; }
.security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.security-grid div { display: flex; align-items: center; gap: .8rem; padding: 1rem; border-bottom: 1px solid var(--line); }.security-grid span { color: var(--blue); font-weight: 800; }.security-grid p { margin: 0; }
.terminal-card { border: 1px solid var(--line); border-radius: var(--radius); background: #02060d; box-shadow: 0 26px 80px rgba(0,0,0,.4); overflow: hidden; }
.terminal-bar { display: flex; align-items: center; gap: .35rem; padding: .8rem 1rem; border-bottom: 1px solid var(--line); }.terminal-bar i { width: 9px; height: 9px; border-radius: 50%; background: #29415b; }.terminal-bar span { margin-left: auto; color: var(--muted); font-size: .75rem; }
pre { margin: 0; padding: 2rem; white-space: pre-wrap; color: #cde1f5; line-height: 2; }.ok { color: var(--green); }.warn { color: var(--warning); }.muted { color: var(--muted); }
.offer-card { display: grid; grid-template-columns: 1.25fr .75fr; border: 1px solid var(--line); border-radius: calc(var(--radius) + 6px); background: linear-gradient(125deg, rgba(13,36,61,.94), rgba(4,9,18,.95)); overflow: hidden; }
.offer-main, .price-panel { padding: clamp(2rem, 5vw, 4.5rem); }.price-panel { display: flex; flex-direction: column; justify-content: center; background: rgba(0,0,0,.18); border-left: 1px solid var(--line); }
.offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.offer-card.offer-choice { display: flex; flex-direction: column; }
.offer-choice .offer-main { flex: 1; padding: clamp(1.7rem, 4vw, 3rem); }
.offer-choice .offer-main h2, .offer-choice .offer-main h3 { font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -.03em; }
.offer-actions { padding: 0 clamp(1.7rem, 4vw, 3rem) clamp(1.7rem, 4vw, 3rem); }
.offer-choice .check-list { font-size: clamp(.98rem,1vw,1.08rem); line-height: 1.55; }
.offer-choice .offer-actions .button.full {
  min-height: 58px;
  padding: .9rem 1.15rem;
  font-size: clamp(.96rem,1vw,1.08rem);
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.offer-choice .offer-actions .button-price { display: block; margin-top: .18rem; font-weight: 850; }
.audience-card .button.full {
  display: flex;
  width: min(100%,280px);
  min-height: 64px;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.35;
}
.audience-card h3 { text-align: center; }
.audience-card .offer-title-price {
  display: block;
  margin-top: .45rem;
  color: var(--cyan);
  font-size: .78em;
  font-weight: 850;
  text-align: center;
}
.titan-buy-actions .button {
  min-height: 64px;
  padding-block: .8rem;
  flex-direction: column;
  text-align: center;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.3;
}
.button-line-price {
  display: block;
  margin-top: .18rem;
  font-weight: 850;
}
.offer-choice .offer-actions .legal-note { font-size: .94rem; line-height: 1.5; }
.offer-choice.featured { border-color: rgba(126,233,255,.48); box-shadow: 0 18px 55px rgba(58,169,255,.13); }
.check-list { columns: 2; padding: 0; list-style: none; }.check-list li { break-inside: avoid; margin: .75rem 1rem .75rem 0; color: #c8d6e4; }.check-list li::before { content: "✓"; color: var(--green); margin-right: .55rem; }
.offer-choice .check-list, .single-column { columns: 1; }
.price { margin: 0; font-weight: 800; font-size: 1.6rem; }.price span { font-size: 5rem; letter-spacing: -.08em; }.price small { display: block; color: var(--muted); font-size: .78rem; font-weight: 500; }
.price .old-price { font-size: 1.7rem; letter-spacing: 0; color: var(--muted); text-decoration: line-through; text-decoration-thickness: 2px; margin-right: .65rem; }
.price .current-price { font-size: 5rem; letter-spacing: -.08em; color: var(--accent); }
.promo-until { display: block; margin-top: .35rem; color: var(--accent); font-size: .86rem; font-weight: 700; }
.price-note, .legal-note, .disclaimer { color: var(--muted); font-size: .85rem; }
.model-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 1rem; }.model-flow article { min-height: 185px; padding: 1.6rem; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(9,19,34,.7); }.model-flow article span { color: var(--cyan); font-size: .7rem; letter-spacing: .15em; }.model-flow article strong { display: block; margin: .8rem 0; }.model-flow article p { color: var(--muted); margin: 0; }.model-flow > b { color: var(--blue); font-size: 1.4rem; }
.faq details { border-top: 1px solid var(--line); padding: 1.2rem 0; }.faq details:last-child { border-bottom: 1px solid var(--line); }.faq summary { cursor: pointer; font-weight: 700; }.faq details p { color: var(--muted); max-width: 850px; }
footer { display: grid; grid-template-columns: 1fr auto; gap: 1.4rem; align-items: end; padding: 3rem 5vw; border-top: 1px solid var(--line); background: #02050b; }.footer-brand { display: grid; }.footer-brand strong { letter-spacing: .15em; }.footer-brand span, footer > p { color: var(--muted); font-size: .82rem; }.footer-brand + nav { justify-content: flex-end; } footer > p { grid-column: 1 / -1; margin: 0; }
.legal-page { max-width: 900px; margin: auto; padding: 6rem 5vw; }.legal-page h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); }.legal-page h2 { margin-top: 2.5rem; font-size: 1.5rem; letter-spacing: -.02em; }.legal-page p, .legal-page li { color: #bdcbd9; }.placeholder { color: var(--warning); font-weight: 700; }
.wide-page { max-width: 1180px; }
.identity-callout, .status-banner { margin: 2rem 0; padding: 1.25rem 1.4rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(13,36,61,.72); }
.identity-callout p, .status-banner { color: #c8d6e4; }
.compact-hero { min-height: 560px; grid-template-columns: 1fr; }
.compact-benefits { padding-top: 1rem; }
.compact-benefits .step { min-height: 275px; }
.audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.audience-card { padding: clamp(1.8rem, 4vw, 3.2rem); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(15,42,70,.88), rgba(4,9,18,.72)); }
.audience-card h3 { margin: 1.2rem 0 .8rem; font-size: clamp(2rem, 4vw, 3.3rem); }
.audience-card p, .audience-card li { color: var(--muted); }
.audience-card ul { margin: 1.5rem 0 2rem; padding-left: 1.2rem; }
.audience-card li { margin: .55rem 0; }
.audience-card.featured, .audience-card.business { border-color: rgba(126,233,255,.5); box-shadow: 0 20px 60px rgba(58,169,255,.12); }
.governance-map { padding: clamp(1.5rem, 4vw, 3rem); text-align: center; }
.master-node { display: grid; gap: .4rem; padding: 1.4rem; border: 1px solid var(--cyan); border-radius: 14px; background: rgba(58,169,255,.12); }
.master-node small, .master-node span, .jarod-nodes span, .governance-map > p { color: var(--muted); }
.master-node strong { color: var(--cyan); font-size: 1.45rem; }
.branch-line { width: 1px; height: 42px; margin: auto; background: var(--cyan); }
.jarod-nodes { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.jarod-nodes div { display: grid; gap: .3rem; padding: 1rem .5rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.03); }
.governance-map > p { margin: 1.4rem 0 0; font-size: .82rem; }
.gateway-hero {
  position: relative;
  isolation: isolate;
  min-height: 88vh;
  max-width: none;
  margin: 0;
  padding: clamp(7rem, 11vw, 10rem) max(5vw, 1rem) 5rem;
  text-align: left;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(2, 7, 20, .98) 0%, rgba(2, 7, 20, .88) 32%, rgba(2, 7, 20, .26) 68%, rgba(2, 7, 20, .14) 100%),
    linear-gradient(0deg, rgba(2, 7, 20, .96) 0%, transparent 38%),
    url("hero-fusialab-filaments-v2.webp") center right / cover no-repeat;
}
.gateway-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 66% 42%, rgba(20, 140, 255, .12), transparent 32rem);
}
.gateway-hero > .eyebrow,
.gateway-hero > h1,
.gateway-hero > .lead,
.gateway-hero > .gateway-grid,
.gateway-hero > .status-banner { width: min(1180px, 90vw); margin-left: auto; margin-right: auto; }
.gateway-hero h1 { max-width: 720px; margin-left: max(5vw, calc((100vw - 1180px) / 2)); margin-right: 0; text-shadow: 0 5px 35px rgba(0,0,0,.55); }
.gateway-hero > .eyebrow,
.gateway-hero > .lead { max-width: 660px; margin-left: max(5vw, calc((100vw - 1180px) / 2)); margin-right: 0; }
.gateway-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; margin-top: 3.5rem; text-align: left; }
.gateway-card { min-height: 330px; display: flex; flex-direction: column; padding: clamp(2rem, 5vw, 3.6rem); border: 1px solid rgba(126,233,255,.28); border-radius: calc(var(--radius) + 4px); background: linear-gradient(145deg, rgba(15,42,70,.88), rgba(4,9,18,.88)); backdrop-filter: blur(14px); box-shadow: 0 24px 70px rgba(0,0,0,.3); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.gateway-card:hover, .gateway-card:focus { transform: translateY(-5px); border-color: var(--cyan); }
.gateway-card h2 { margin: 1.4rem 0 .8rem; }
.gateway-card p { flex: 1; color: var(--muted); font-size: 1.05rem; }
.gateway-card strong { color: var(--cyan); }
.contact-form { display: grid; gap: 1.2rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contact-form label, .contact-form fieldset { display: grid; gap: .45rem; color: #d6e4f1; }
.contact-form fieldset { padding: 1.25rem; border: 1px solid var(--line); border-radius: 12px; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: #06101d; font: inherit; }
.contact-form textarea { resize: vertical; }
.consent-line { grid-template-columns: auto 1fr !important; align-items: start; }
.consent-line input { width: auto; margin-top: .35rem; }
.friendly-callout { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; margin: 2rem 0; padding: clamp(1.4rem, 4vw, 2.2rem); border: 1px solid rgba(126,233,255,.48); border-radius: var(--radius); background: linear-gradient(135deg, rgba(58,169,255,.16), rgba(101,230,181,.07)); }
.friendly-callout > span { font-size: 2.3rem; line-height: 1; }
.friendly-callout h2 { margin-bottom: .7rem; font-size: clamp(1.4rem, 3vw, 2rem); }
.friendly-callout p { margin: .45rem 0; color: #c8d6e4; }
@media (max-width: 900px) {
  .hero, .split, .offer-card, .offer-grid, .audience-grid, .gateway-grid { grid-template-columns: 1fr; }.hero { padding-top: 4rem; }.hero-visual { max-width: 520px; width: 100%; margin: auto; }
  .metrics { grid-template-columns: 1fr 1fr; margin-inline: 1rem; }.metrics article:nth-child(2) { border-right: 0; }.metrics article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .steps { grid-template-columns: 1fr; }.step { min-height: auto; }.step-number { margin-bottom: 2rem; }
  .price-panel { border-left: 0; border-top: 1px solid var(--line); }.model-flow { grid-template-columns: 1fr; }.model-flow > b { transform: rotate(90deg); justify-self: center; }
}
@media (max-width: 680px) {
  .menu-button { display: block; }.site-header > nav { display: none; position: absolute; left: 1rem; right: 1rem; top: 68px; flex-direction: column; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: #07111e; }.site-header > nav.open { display: flex; }
  .hero { min-height: auto; }.metrics { grid-template-columns: 1fr; }.metrics article { border-right: 0; border-bottom: 1px solid var(--line); }.security-grid, .check-list { grid-template-columns: 1fr; columns: 1; }
  footer { grid-template-columns: 1fr; } footer nav { flex-direction: column; }.footer-brand + nav { justify-content: flex-start; }
  .jarod-nodes { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .gateway-hero {
    padding-top: 6rem;
    background:
      linear-gradient(0deg, rgba(2, 7, 20, .98) 0%, rgba(2, 7, 20, .76) 58%, rgba(2, 7, 20, .45) 100%),
      url("hero-fusialab-filaments-v2.webp") 68% top / auto 52rem no-repeat,
      #020714;
  }
  .gateway-hero > .eyebrow,
  .gateway-hero > h1,
  .gateway-hero > .lead,
  .gateway-hero > .gateway-grid,
  .gateway-hero > .status-banner { margin-left: 0; margin-right: 0; width: 100%; max-width: 100%; min-width: 0; }
  .gateway-hero > .eyebrow { margin-top: 17rem; }
  .gateway-hero h1 { font-size: clamp(2.35rem, 12vw, 3rem); overflow-wrap: anywhere; }
  .gateway-hero .lead { font-size: 1rem; }
  .gateway-card { min-width: 0; padding: 2rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; } }

/* Brand architecture FUSIALAB / TITAN / JAROD — local review 2026-09-06 */
.home-header { gap: clamp(.8rem, 2vw, 2rem); }
.brand-fusialab { flex: 0 0 auto; min-width: 150px; }
.brand-fusialab img { width: clamp(150px, 13vw, 220px); height: 58px; border: 0; border-radius: 0; object-fit: contain; object-position: left center; box-shadow: none; }
.home-header > nav { flex: 1; justify-content: center; }
.home-header > nav a { padding: .58rem .82rem; border: 1px solid transparent; border-radius: 999px; font-weight: 750; }
.home-header > nav a:hover,.home-header > nav a:focus-visible { border-color: var(--line); background: rgba(255,255,255,.055); }

.gateway-hero {
  padding-top: clamp(6.5rem, 9vw, 8.5rem);
  background:
    linear-gradient(90deg, rgba(2,7,20,.98) 0%, rgba(2,7,20,.88) 38%, rgba(2,7,20,.18) 76%),
    linear-gradient(0deg, rgba(2,7,20,.95), transparent 42%),
    url("hero-fusialab-filaments-v2.webp") 62% top / cover no-repeat;
}
.gateway-intro,.gateway-grid,.gateway-orientation { width: min(1180px,90vw); margin-inline: auto; }
.gateway-intro { min-height: 440px; display: flex; flex-direction: column; justify-content: center; }
.gateway-intro h1 { max-width: 820px; margin: 0 0 1.35rem; font-size: clamp(2.8rem,5.4vw,5.8rem); }
.gateway-intro .lead { max-width: 760px; }
.gateway-trust { margin-top: 1.5rem; }
.gateway-grid { margin-top: 2.4rem; }
.product-logo { width: auto; max-width: min(100%,310px); height: 92px; object-fit: contain; object-position: left center; }
.product-logo-titan { filter: drop-shadow(0 0 18px rgba(80,217,255,.2)); }
.product-logo-jarod { filter: drop-shadow(0 0 20px rgba(189,72,200,.22)); }
.gateway-card.business { border-color: rgba(189,72,200,.34); background: linear-gradient(145deg,rgba(55,25,89,.9),rgba(8,5,18,.91)); }
.gateway-card.business:hover,.gateway-card.business:focus { border-color: #bd48c8; box-shadow: 0 25px 72px rgba(116,66,200,.2); }
.gateway-card.business .tag,.gateway-card.business .gateway-cta { color: #e2a8ff; }
.gateway-orientation { display: grid; grid-template-columns: minmax(240px,.72fr) 1.28fr; gap: clamp(1.5rem,4vw,4rem); align-items: center; margin-top: 2rem; padding: clamp(1.2rem,3vw,2rem); border: 1px solid rgba(180,201,220,.2); border-radius: 24px; background: linear-gradient(135deg,rgba(193,208,223,.13),rgba(105,119,138,.07)); box-shadow: 0 22px 70px rgba(0,0,0,.25); }
.gateway-orientation img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 16px; opacity: .92; }
.gateway-orientation h2 { margin-bottom: .75rem; font-size: clamp(1.9rem,3vw,3.2rem); }
.gateway-orientation p:last-child { color: #c6d2df; }

.brand-product { display:flex; align-items:center; text-decoration:none; }
.brand-product img { width:auto; height:66px; max-width:245px; object-fit:contain; object-position:left center; border:0; border-radius:0; box-shadow:none; }
.brand-text { color:#eef7ff; font-size:1rem; font-weight:850; letter-spacing:.16em; text-decoration:none; }
.titan-theme { --blue:#35b9ff; --cyan:#8aefff; --line:rgba(93,207,255,.23); }
.jarod-theme { --blue:#9b63e8; --cyan:#e1a7ff; --green:#c986ff; --line:rgba(189,72,200,.26); background:radial-gradient(circle at 82% 8%,rgba(116,66,200,.3),transparent 28rem),#05030d; }
.jarod-theme .site-header { background:rgba(8,3,16,.84); border-bottom-color:rgba(189,72,200,.28); }
.jarod-theme .button.primary { color:#fff; background:linear-gradient(135deg,#7442c8,#bd48c8); box-shadow:0 8px 34px rgba(116,66,200,.3); }
.jarod-theme .hero.compact-hero { background:linear-gradient(90deg,rgba(7,3,16,.98),rgba(20,8,34,.86) 48%,rgba(8,3,18,.18) 78%),url("fusialab-universe-business-filaments-v2.webp") center/cover no-repeat; }
.titan-theme .hero.compact-hero,body.titan-theme:has(#formules) .hero.compact-hero { background:linear-gradient(90deg,rgba(2,7,18,.98),rgba(2,7,18,.86) 46%,rgba(2,7,18,.18) 78%),url("fusialab-universe-personal-filaments-v2.webp") center/cover no-repeat; }
body:not(.jarod-theme):not(.titan-theme) { background:linear-gradient(rgba(2,7,18,.94),rgba(2,7,18,.97)),url("fusialab-universe-security-filaments-v2.webp") center top/100% auto fixed no-repeat,var(--night); }

@media(max-width:900px){.home-header{flex-wrap:wrap}.home-header>nav{order:3;flex-basis:100%}.gateway-orientation{grid-template-columns:1fr}.gateway-intro{min-height:390px}}
@media(max-width:680px){.brand-fusialab img{width:150px;height:52px}.brand-product img{height:58px;max-width:180px}.home-header>nav{order:initial;flex-basis:auto}.gateway-hero{background:linear-gradient(0deg,rgba(2,7,20,.98) 0%,rgba(2,7,20,.75) 64%,rgba(2,7,20,.45) 100%),url("hero-fusialab-filaments-v2.webp") 63% top/auto 45rem no-repeat,#020714}.gateway-intro{width:100%;min-width:0;min-height:580px;padding-top:15rem}.gateway-intro h1{width:100%!important;max-width:100%!important;min-width:0;font-size:clamp(2.15rem,10.5vw,2.8rem);letter-spacing:-.045em;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal}.gateway-intro .lead{width:100%;max-width:100%;min-width:0}.gateway-orientation{width:100%}.product-logo{height:76px}.hero h1,.hero h1 span{width:100%!important;max-width:100%!important;min-width:0;white-space:normal!important;overflow-wrap:anywhere!important}}

/* FUSIALAB visual system v2 — deployed throughout every page */
body {
  background:
    radial-gradient(circle at 15% 18%, rgba(33, 129, 255, .16), transparent 28rem),
    linear-gradient(rgba(2, 7, 18, .94), rgba(2, 7, 18, .97)),
    url("fusialab-universe-security-filaments-v2.webp") center top / 100% auto fixed no-repeat,
    var(--night);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .22;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(126, 233, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 233, 255, .055) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.site-header { box-shadow: 0 12px 40px rgba(0,0,0,.32); }
.site-header nav { gap: clamp(.65rem, 1.35vw, 1.25rem); }
.site-header nav a { font-size: clamp(.78rem, .9vw, .9rem); white-space: nowrap; }
.brand img { border: 1px solid rgba(126,233,255,.48); }

.hero.compact-hero {
  position: relative;
  isolation: isolate;
  max-width: none;
  min-height: 690px;
  padding-inline: max(5vw, calc((100vw - 1240px) / 2));
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(2,7,18,.98) 0%, rgba(2,7,18,.88) 43%, rgba(2,7,18,.18) 76%),
    url("fusialab-universe-business-filaments-v2.webp") center / cover no-repeat;
}
.hero.compact-hero .hero-copy { max-width: 720px; }
body:has(#formules) .hero.compact-hero {
  background:
    linear-gradient(90deg, rgba(2,7,18,.98) 0%, rgba(2,7,18,.88) 43%, rgba(2,7,18,.18) 76%),
    url("fusialab-universe-personal-filaments-v2.webp") center / cover no-repeat;
}
body:has(#securite) .hero {
  position: relative;
  max-width: none;
  padding-inline: max(5vw, calc((100vw - 1240px) / 2));
  background:
    linear-gradient(90deg, rgba(2,7,18,.97), rgba(2,7,18,.84) 55%, rgba(2,7,18,.3)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
}
.hero.compact-hero::after,
.section::after,
.legal-page::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 11rem;
  height: 11rem;
  border: 1px solid rgba(126,233,255,.13);
  border-radius: 50%;
  right: 3vw;
  bottom: 2rem;
  box-shadow: 0 0 60px rgba(58,169,255,.08), inset 0 0 50px rgba(58,169,255,.05);
}

.section { position: relative; isolation: isolate; }
.section:nth-of-type(even) {
  max-width: none;
  padding-inline: max(5vw, calc((100vw - 1240px) / 2));
  border-block: 1px solid rgba(126,233,255,.12);
  background:
    linear-gradient(90deg, rgba(2,7,18,.97), rgba(2,7,18,.73) 58%, rgba(2,7,18,.92)),
    url("fusialab-universe-personal-filaments-v2.webp") center / cover no-repeat;
}
.section.split,
.titan-site .section,
#securite,
#memoire,
#confiance {
  max-width: none;
  padding-inline: max(5vw, calc((100vw - 1240px) / 2));
  background:
    linear-gradient(90deg, rgba(2,7,18,.97), rgba(2,7,18,.83) 56%, rgba(2,7,18,.65)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
}
.step, .audience-card, .offer-card, .terminal-card, .identity-callout, .friendly-callout, .model-flow article {
  backdrop-filter: blur(15px);
  box-shadow: 0 20px 65px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.035);
}
.step:hover, .audience-card:hover, .offer-card:hover {
  transform: translateY(-4px);
  border-color: rgba(126,233,255,.48);
  box-shadow: 0 25px 75px rgba(6,75,145,.22);
}
.step, .audience-card, .offer-card { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }

.legal-page {
  position: relative;
  max-width: 1180px;
  min-height: calc(100vh - 180px);
  padding: clamp(5rem, 9vw, 8rem) max(5vw, 4rem);
  background:
    linear-gradient(90deg, rgba(2,7,18,.98), rgba(2,7,18,.86) 60%, rgba(2,7,18,.44)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
  border-inline: 1px solid rgba(126,233,255,.12);
}
.legal-page > * { max-width: 820px; }
.contact-form { padding: clamp(1.4rem, 4vw, 2.8rem); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(3,10,22,.78); backdrop-filter: blur(18px); }

@media (max-width: 900px) {
  .hero.compact-hero { min-height: 620px; background-position: 62% center; }
  .section:nth-of-type(even), .section.split, #securite, #memoire, #confiance { background-position: 65% center; }
}
@media (max-width: 680px) {
  body { background-attachment: scroll; }
  .hero.compact-hero {
    padding-top: 23rem;
    background:
      linear-gradient(0deg, rgba(2,7,18,.99) 0%, rgba(2,7,18,.82) 54%, rgba(2,7,18,.2) 100%),
      url("fusialab-universe-business-filaments-v2.webp") 70% top / auto 31rem no-repeat;
  }
  .section:nth-of-type(even), .section.split, #securite, #memoire, #confiance {
    background:
      linear-gradient(rgba(2,7,18,.9), rgba(2,7,18,.97)),
      url("fusialab-universe-security-filaments-v2.webp") center / cover no-repeat;
  }
  .legal-page { padding-inline: 1.2rem; }
}

/* TITAN particuliers — parcours éditorial */
.personal-hero .hero-copy { max-width: 780px; }
.personal-hero h1 { font-size: clamp(3rem, 5.7vw, 6rem); }
.personal-intro { padding-bottom: 3rem; }
.proof-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: rgba(4,12,24,.8); backdrop-filter: blur(16px); }
.proof-strip article { display: grid; gap: .65rem; min-height: 150px; padding: 1.5rem; border-right: 1px solid var(--line); }
.proof-strip article:last-child { border-right: 0; }
.proof-strip strong { color: var(--cyan); font-size: .78rem; letter-spacing: .16em; }
.proof-strip span { color: #cfdeec; font-weight: 650; }
.use-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.use-case-card { min-height: 270px; padding: 1.8rem; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(14,38,65,.84), rgba(3,9,18,.82)); backdrop-filter: blur(15px); transition: transform .25s ease, border-color .25s ease; }
.use-case-card:hover { transform: translateY(-4px); border-color: rgba(126,233,255,.5); }
.use-case-card > span { color: #67e8f9; font-size: clamp(.94rem,1vw,1.06rem); font-weight: 900; letter-spacing: .11em; text-shadow: 0 0 16px rgba(34,211,238,.35); }
.use-case-card h3 { margin: 2.7rem 0 .8rem; font-size: 1.45rem; }
.use-case-card p { color: var(--muted); }
.journey-list { display: grid; gap: 0; padding: 0; list-style: none; }
.journey-list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.2rem 0; border-top: 1px solid var(--line); }
.journey-list li:last-child { border-bottom: 1px solid var(--line); }
.journey-list li > span { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; border: 1px solid var(--cyan); border-radius: 50%; color: var(--cyan); font-size: 1.05rem; font-weight: 900; }
.journey-list strong { font-size: 1.08rem; }
.journey-list p { margin: .3rem 0 0; color: var(--muted); }
.assistant-map { padding: clamp(1.5rem, 4vw, 2.8rem); border: 1px solid var(--line); border-radius: calc(var(--radius) + 5px); background: radial-gradient(circle at 50% 30%, rgba(58,169,255,.24), transparent 45%), rgba(2,8,18,.86); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.map-core { width: min(250px, 80%); aspect-ratio: 1; margin: auto; display: grid; place-content: center; text-align: center; border: 1px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 55px rgba(58,169,255,.28), inset 0 0 45px rgba(58,169,255,.13); }
.map-core small, .map-core span { color: var(--muted); }.map-core strong { color: var(--cyan); font-size: 2rem; letter-spacing: .12em; }
.map-links { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: 1.5rem; }
.map-links span { padding: .65rem; border: 1px solid var(--line); border-radius: 99px; color: #c9d8e7; text-align: center; font-size: .76rem; }
.assistant-map > p { margin: 1.2rem 0 0; color: var(--muted); text-align: center; font-size: .82rem; }
.guardrail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.guardrail-grid article { padding: clamp(1.6rem, 4vw, 2.8rem); border: 1px solid var(--line); border-radius: var(--radius); background: rgba(4,12,24,.82); }
.guardrail-grid h3 { margin: 1.4rem 0; font-size: clamp(1.5rem, 3vw, 2.2rem); }
.guardrail-grid ul { padding-left: 1.2rem; color: var(--muted); }.guardrail-grid li { margin: .7rem 0; }
.guardrail-state { display: inline-flex; padding: .3rem .65rem; border-radius: 99px; font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.guardrail-state.yes { color: var(--green); border: 1px solid rgba(101,230,181,.4); background: rgba(101,230,181,.08); }
.guardrail-state.no { color: var(--warning); border: 1px solid rgba(255,204,114,.4); background: rgba(255,204,114,.08); }
.privacy-note { display: grid; grid-template-columns: .55fr 1.45fr; gap: 1.5rem; margin-top: 1rem; padding: 1.4rem; border-left: 3px solid var(--cyan); background: rgba(58,169,255,.08); }
.privacy-note p { margin: 0; color: var(--muted); }
.memory-layers { display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; }
.memory-layers article { min-height: 250px; padding: 1.55rem; border-top: 1px solid var(--cyan); background: linear-gradient(rgba(10,31,53,.72), rgba(3,9,18,.7)); }
.memory-layers span { color: var(--cyan); font-size: 1rem; font-weight: 900; letter-spacing: .12em; }.memory-layers h3 { margin: 2.65rem 0 .75rem; font-size: 1.28rem; }.memory-layers p { color: #d9e4ee; font-size: 1rem; line-height: 1.5; }
.final-cta { margin-top: 4rem; padding: clamp(2rem, 6vw, 5rem); border: 1px solid rgba(126,233,255,.42); border-radius: calc(var(--radius) + 8px); background: linear-gradient(115deg, rgba(10,42,73,.94), rgba(3,9,18,.92)), url("fusialab-universe-personal-filaments-v2.webp") center right / cover no-repeat; box-shadow: 0 28px 90px rgba(0,0,0,.3); }
.final-cta h2 { max-width: 850px; }.final-cta > p:not(.eyebrow) { max-width: 720px; color: #c4d4e4; }

@media (max-width: 1000px) {
  .proof-strip, .memory-layers { grid-template-columns: repeat(2, 1fr); }
  .proof-strip article:nth-child(2) { border-right: 0; }
  .proof-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .memory-layers article:last-child { grid-column: 1 / -1; min-height: auto; }
  .use-case-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .personal-hero { padding-top: 23rem !important; }
  .personal-hero h1 { max-width: 100%; font-size: clamp(2.15rem, 11vw, 3rem); overflow-wrap: anywhere; }
  .personal-hero .lead { max-width: 100%; font-size: 1rem; overflow-wrap: anywhere; }
  .personal-site .site-header { gap: .5rem; }
  .personal-site .brand { min-width: 0; font-size: .85rem; letter-spacing: .1em; }
  .personal-site .brand img { width: 42px; height: 42px; }
  .personal-site .menu-button { flex: 0 0 auto; }
  .proof-strip, .use-case-grid, .guardrail-grid, .memory-layers, .privacy-note { grid-template-columns: 1fr; }
  .proof-strip article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-strip article:last-child { border-bottom: 0; }
  .memory-layers article:last-child { grid-column: auto; }
  .memory-layers article { min-height: auto; }.memory-layers h3 { margin-top: 1.5rem; }
  .map-links { grid-template-columns: 1fr; }
}
.promo-visual{display:block;width:100%;height:auto;max-height:230px;aspect-ratio:2/1;object-fit:contain;object-position:center;border-radius:18px;margin:0 0 1.1rem;background:#06101d;box-shadow:0 18px 45px rgba(0,0,0,.24)}
.product-logo{display:block;width:min(100%,420px);height:auto;margin:0 auto 1rem}.gateway-cta{display:block;margin-top:1.15rem;padding:.75rem 1rem;min-height:38px;border-radius:10px;background:linear-gradient(90deg,#14bde9,#42e1ff);color:#06111f;text-align:center;box-shadow:0 10px 28px rgba(20,189,233,.22)}.gateway-card:hover .gateway-cta{filter:brightness(1.08);transform:translateY(-1px)}
.product-brand-bar{display:flex;justify-content:center;align-items:center;padding:.55rem 1rem;background:rgba(4,14,29,.92);border-bottom:1px solid rgba(68,215,255,.2)}.product-brand-bar img{display:block;width:min(360px,82vw);height:auto}.product-brand-bar a{display:block}
.hero-visual{margin:0;display:flex;align-items:center;justify-content:center}.hero-visual img{display:block;width:min(100%,520px);height:auto;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.visual-highlight{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.visual-highlight>img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 22px 55px rgba(0,0,0,.25)}
.purchase-note{margin-top:1rem;font-size:.95rem;color:var(--muted,#aab6cc)}.purchase-note a,.text-link{color:#44d7ff;text-decoration:underline;text-underline-offset:3px}.purchase-band{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;border:1px solid rgba(68,215,255,.35);border-radius:24px;background:linear-gradient(135deg,rgba(11,31,58,.96),rgba(6,18,35,.96));box-shadow:0 20px 50px rgba(0,0,0,.22)}.purchase-band .hero-actions{justify-content:flex-start}.old-price{text-decoration:line-through;opacity:.68;margin-right:.4rem}.audience-card .text-link{display:inline-block;margin-top:.85rem}
@media(max-width:800px){.visual-highlight{grid-template-columns:1fr}.hero-visual{margin-top:1.5rem}.hero-visual img{width:min(100%,420px)}}
@media(max-width:800px){.purchase-band{grid-template-columns:1fr}.purchase-band .hero-actions{display:grid}.purchase-band .button{width:100%;text-align:center}}
/* Parcours d'achat TITAN */
.checkout-page{max-width:1180px;margin:0 auto;padding:48px 24px 80px}.checkout-hero{text-align:center;max-width:900px;margin:0 auto 36px}.checkout-hero .product-logo{width:min(520px,90%);height:auto;margin:0 auto 24px}.checkout-hero h1{margin:.3em 0;font-size:clamp(2rem,5vw,4rem)}.checkout-hero .lead{max-width:780px;margin:0 auto}.benefit-grid,.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.benefit-card,.journey-step,.checkout-summary,.paypal-frame{background:linear-gradient(145deg,rgba(13,31,55,.96),rgba(7,16,31,.98));border:1px solid rgba(58,216,255,.24);border-radius:22px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.benefit-card strong{display:block;color:#fff;font-size:1.12rem;margin-bottom:8px}.benefit-icon,.journey-number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(58,216,255,.12);color:#54dcff;font-weight:800;margin-bottom:14px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:28px;align-items:start;margin-top:36px}.checkout-summary h2,.paypal-frame h2{margin-top:0}.checkout-price{font-size:2.5rem;color:#fff;font-weight:850}.checkout-price small{font-size:.9rem;color:#aab9cc;display:block}.checkout-summary .check-list{margin:22px 0}.paypal-frame{position:sticky;top:24px;text-align:center;border-color:rgba(58,216,255,.48)}.paypal-frame .secure-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(34,197,94,.12);color:#8df0ac;font-weight:700;font-size:.84rem}.paypal-frame .button{width:100%;margin-top:18px;font-size:1.05rem}.paypal-frame .microcopy{font-size:.85rem;color:#aab9cc;margin:14px 0 0}.paypal-note{border-left:3px solid #54dcff;padding:12px 16px;margin:20px 0;background:rgba(58,216,255,.07);text-align:left}.journey-grid{counter-reset:journey}.journey-step{text-align:center}.journey-number{margin:0 auto 14px;border-radius:50%}.checkout-guarantees{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0}.checkout-guarantees span{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04)}
@media (max-width:860px){.benefit-grid,.journey-grid,.checkout-layout{grid-template-columns:1fr}.paypal-frame{position:static}.checkout-page{padding:30px 18px 60px}}

.kit-selector{margin:20px 0;text-align:left}.kit-selector>strong{display:block;margin-bottom:10px;color:#fff}.kit-options{display:grid;gap:10px}.kit-option{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(84,220,255,.22);border-radius:14px;background:rgba(255,255,255,.035);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.kit-option:hover{border-color:rgba(84,220,255,.55);transform:translateY(-1px)}.kit-option:has(input:checked){border-color:#54dcff;background:rgba(58,216,255,.12);box-shadow:0 0 0 1px rgba(84,220,255,.18)}.kit-option input{accent-color:#20cceb}.kit-option span{display:flex;flex-direction:column;line-height:1.25}.kit-option small{color:#aab9cc;margin-top:3px}.kit-option b{color:#fff;white-space:nowrap}.kit-detail{margin:14px 0 0;padding:13px 14px;border-left:3px solid #54dcff;background:rgba(58,216,255,.07);color:#dce8f5;text-align:left}.requirements-card{margin:26px 0;padding:20px;border:1px solid rgba(84,220,255,.24);border-radius:18px;background:rgba(7,16,31,.72)}.requirements-card h3{margin-top:0}.requirements-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;list-style:none}.requirements-list li{position:relative;padding-left:25px}.requirements-list li::before{content:'✓';position:absolute;left:0;color:#54dcff;font-weight:800}@media (max-width:560px){.requirements-list{grid-template-columns:1fr}.kit-option{grid-template-columns:auto 1fr}.kit-option b{grid-column:2}}

/* Refonte visuelle TITAN — septembre 2026 */
.gateway-card > .tag {
  align-self: flex-start;
  margin: .2rem 0 1.1rem;
  padding: .55rem .85rem;
  border-color: rgba(126,233,255,.5);
  background: rgba(126,233,255,.1);
  color: #fff;
  font-size: clamp(1rem,1.65vw,1.38rem);
  font-weight: 900;
  letter-spacing: .08em;
}
.gateway-card .product-logo,
.product-wordmark {
  width: min(100%,390px);
  min-height: 105px;
  max-height: 120px;
  margin: 0 auto 1rem;
}
.gateway-card .product-logo { object-fit: contain; }
.product-wordmark {
  display: grid;
  place-content: center;
  border: 1px solid rgba(182,126,255,.35);
  border-radius: 18px;
  background: linear-gradient(135deg,rgba(63,24,94,.88),rgba(15,21,50,.94));
  text-align: center;
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
}
.product-wordmark strong { color: #fff; font-size: clamp(2rem,4vw,3.2rem); letter-spacing: .13em; line-height: 1; }
.product-wordmark small { margin-top: .55rem; color: #d8b9ff; font-weight: 800; letter-spacing: .14em; }
.gateway-card h2 { font-size: clamp(2.2rem,4vw,3.5rem); }

.titan-hero-image {
  display: block;
  width: min(100%,480px);
  height: auto;
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(0,0,0,.38);
}
.titan-visual-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1.25rem;
  max-width: 1240px;
  margin: 0 auto;
  padding: 1rem 5vw 6rem;
}
.titan-visual-card {
  overflow: hidden;
  border: 1px solid rgba(126,233,255,.3);
  border-radius: 24px;
  background: #eef7ff;
  box-shadow: 0 22px 55px rgba(0,0,0,.24);
}
.titan-visual-card img { display: block; width: 100%; height: auto; }
.titan-visual-card figcaption { padding: 1rem 1.2rem 1.25rem; color: #09203a; font-weight: 800; line-height: 1.35; }
.visual-highlight {
  padding: clamp(1.5rem,4vw,3rem);
  border: 1px solid rgba(126,233,255,.46);
  border-radius: 28px;
  background: linear-gradient(135deg,rgba(248,252,255,.97),rgba(218,241,255,.94));
  color: #061a30;
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}
.visual-highlight .eyebrow { color: #0879a9; }
.visual-highlight p { color: #29445f; }
.visual-highlight .button.secondary { border-color: rgba(5,82,124,.28); background: rgba(5,82,124,.07); }
.offer-visual {
  display: block;
  width: calc(100% + clamp(3.4rem,8vw,6rem));
  max-width: none;
  height: auto;
  margin: calc(-1 * clamp(1.7rem,4vw,3rem)) calc(-1 * clamp(1.7rem,4vw,3rem)) 1.8rem;
  border-bottom: 1px solid rgba(126,233,255,.28);
}
.checkout-hero-visual {
  display: block;
  width: min(100%,620px);
  height: auto;
  margin: 1.8rem auto 0;
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
.confirmation-visual { display:block; width:min(100%,460px); height:auto; margin:1.5rem auto; border-radius:20px; box-shadow:0 18px 45px rgba(0,0,0,.24); }
@media (max-width:900px){.titan-visual-grid{grid-template-columns:1fr 1fr}.titan-visual-card:last-child{grid-column:1/-1;max-width:560px;justify-self:center}.gateway-card .product-logo,.product-wordmark{max-height:105px;min-height:90px}}
@media (max-width:620px){.titan-visual-grid{grid-template-columns:1fr;padding-inline:1rem}.titan-visual-card:last-child{grid-column:auto}.gateway-card > .tag{font-size:1rem;letter-spacing:.04em}.gateway-card .product-logo,.product-wordmark{width:min(100%,300px)}.offer-visual{width:calc(100% + 3.4rem);margin:-1.7rem -1.7rem 1.4rem}}

/* Entrées principales et achat TITAN visibles sur tout le parcours */
.gateway-grid { align-items: stretch; }
.gateway-card { min-height: 440px; }
.gateway-card > .tag {
  width: 100%;
  justify-content: center;
  text-align: center;
  font-size: clamp(1.15rem,2vw,1.65rem);
}
.gateway-card p { font-size: clamp(1.05rem,1.25vw,1.18rem); line-height: 1.65; }
.gateway-cta,
.gateway-card strong.gateway-cta {
  display: grid;
  place-items: center;
  min-height: 68px;
  padding: 1rem 1.35rem;
  border: 2px solid rgba(255,255,255,.62);
  border-radius: 16px;
  background: linear-gradient(90deg,#008fc8,#12c6e8);
  color: #fff;
  font-size: clamp(1.08rem,1.55vw,1.35rem);
  font-weight: 900;
  line-height: 1.25;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
  box-shadow: 0 16px 38px rgba(0,170,220,.34);
}
.gateway-card.business .gateway-cta { background: linear-gradient(90deg,#7442c8,#bd48c8); }
.gateway-card h2 { margin: .45rem 0 .8rem; }

.titan-buy-actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .9rem;
  width: min(100%,900px);
  margin: 1.35rem auto;
}
.titan-buy-actions .button {
  display: grid;
  place-items: center;
  min-height: 58px;
  padding: .9rem 1.1rem;
  text-align: center;
  font-size: clamp(.98rem,1.25vw,1.12rem);
  font-weight: 850;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.titan-buy-strip {
  margin: 0 auto;
  padding: 1.4rem clamp(1rem,4vw,2.5rem);
  border: 1px solid rgba(126,233,255,.42);
  border-radius: 24px;
  background: linear-gradient(135deg,rgba(9,36,64,.96),rgba(18,19,54,.96));
  box-shadow: 0 20px 55px rgba(0,0,0,.25);
  text-align: center;
}
.titan-buy-strip h2 { margin: 0 0 .45rem; font-size: clamp(1.55rem,3vw,2.35rem); }
.titan-buy-strip p { margin: 0 auto .7rem; max-width: 780px; color: var(--muted); }
@media (max-width:700px){
  html,body{width:100%;max-width:100%}
  .gateway-card{min-height:380px}
  .gateway-cta,.gateway-card strong.gateway-cta{min-height:62px}
  .hero{display:block;width:100%;max-width:100%;padding-left:24px;padding-right:24px}
  .hero-copy,.hero>*{width:100%;max-width:100%!important;min-width:0}
  .hero h1{font-size:clamp(2.25rem,11vw,3rem)}
  .hero h1,.hero h1 span,.hero .lead{max-width:100%;overflow-wrap:anywhere}
  .hero h1 span{display:block}
  .titan-buy-actions{display:block;width:100%;max-width:100%}
  .titan-buy-actions .button{display:flex;width:100%;max-width:100%;margin-bottom:.8rem;font-size:.92rem}
  .hero-visual,.titan-hero-image{width:100%;max-width:100%;min-width:0}
}

/* Final cascade: generated filament imagery and validated brand colours */
body:not(.jarod-theme):not(.titan-theme) { background:linear-gradient(rgba(2,7,18,.94),rgba(2,7,18,.97)),url("fusialab-universe-security-filaments-v2.webp") center top/100% auto fixed no-repeat,var(--night); }
.gateway-hero { background:linear-gradient(90deg,rgba(2,7,20,.98) 0%,rgba(2,7,20,.88) 38%,rgba(2,7,20,.18) 76%),linear-gradient(0deg,rgba(2,7,20,.95),transparent 42%),url("hero-fusialab-filaments-v2.webp") 62% top/cover no-repeat; }
.jarod-theme { background:radial-gradient(circle at 82% 8%,rgba(116,66,200,.3),transparent 28rem),linear-gradient(rgba(8,3,16,.9),rgba(8,3,16,.96)),url("fusialab-universe-business-filaments-v2.webp") center top/100% auto fixed no-repeat,#05030d; }
.jarod-theme .hero.compact-hero { background:linear-gradient(90deg,rgba(7,3,16,.98),rgba(20,8,34,.86) 48%,rgba(8,3,18,.18) 78%),url("fusialab-universe-business-filaments-v2.webp") center/cover no-repeat; }
.titan-theme { background:linear-gradient(rgba(2,7,18,.92),rgba(2,7,18,.97)),url("fusialab-universe-personal-filaments-v2.webp") center top/100% auto fixed no-repeat,var(--night); }
.titan-theme .hero.compact-hero,body.titan-theme:has(#formules) .hero.compact-hero { background:linear-gradient(90deg,rgba(2,7,18,.98),rgba(2,7,18,.86) 46%,rgba(2,7,18,.18) 78%),url("fusialab-universe-personal-filaments-v2.webp") center/cover no-repeat; }
@media(max-width:680px){.gateway-hero{background:linear-gradient(0deg,rgba(2,7,20,.98) 0%,rgba(2,7,20,.75) 64%,rgba(2,7,20,.45) 100%),url("hero-fusialab-filaments-v2.webp") 63% top/auto 45rem no-repeat,#020714}}

/* Harmonisation finale du bandeau et des identités — 6 septembre 2026 */
.home-header {
  display: grid;
  grid-template-columns: minmax(260px,.85fr) minmax(480px,1.6fr) auto;
  gap: clamp(.8rem,1.7vw,1.8rem);
  min-height: 132px;
  padding-block: .85rem;
}
.brand-fusialab {
  min-width: 0;
  justify-content: center;
}
.brand-fusialab img {
  width: clamp(260px,21vw,420px);
  height: 104px;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
  object-position: center;
  box-shadow: none !important;
}
.home-header > .space-navigation {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .7rem;
  justify-content: stretch;
}
.home-header > .space-navigation .space-nav-link {
  display: grid;
  grid-template-columns: minmax(48px,74px) 1fr;
  align-items: center;
  gap: .65rem;
  min-height: 78px;
  padding: .55rem .7rem;
  border: 1px solid rgba(126,233,255,.35);
  border-radius: 16px;
  background: rgba(7,22,41,.88);
  color: #fff;
  font-size: clamp(.76rem,.85vw,.92rem);
  font-weight: 850;
  line-height: 1.18;
  text-align: left;
}
.home-header > .space-navigation .space-nav-link img {
  display: block;
  width: 100%;
  height: 62px;
  object-fit: contain;
}
.home-header > .space-navigation .space-nav-link.jarod { border-color: rgba(189,72,200,.48); background: rgba(31,12,51,.9); }
.home-header > .space-navigation .space-nav-link.info img { height: 48px; }
.home-header > .space-navigation .space-nav-link:hover,
.home-header > .space-navigation .space-nav-link:focus-visible { transform: translateY(-2px); border-color: #fff; background: rgba(255,255,255,.1); }

.gateway-card .product-logo {
  width: min(100%,520px);
  min-height: 190px;
  max-height: 220px;
  margin-inline: auto;
  object-position: center;
}

.section-header {
  display: grid;
  grid-template-columns: minmax(280px,380px) minmax(0,1fr) auto;
  gap: 1rem;
  min-height: 132px;
  padding-block: .7rem;
}
.section-header .brand-product {
  min-width: 0;
  justify-content: center;
}
.section-header .brand-product img {
  width: min(100%,360px);
  height: 112px;
  max-width: 360px;
  object-position: center;
}
.section-header > nav {
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: .45rem .85rem;
  transform: translateY(-5px);
}
.section-header > nav a {
  padding: .46rem .68rem;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: clamp(.88rem,.96vw,1rem);
  font-weight: 720;
}
.section-header > nav a:hover,
.section-header > nav a:focus-visible { border-color: var(--line); background: rgba(255,255,255,.055); }
.section-header > nav a.nav-current,
.section-header > nav a[aria-current="page"] {
  color: #fff;
  border-color: rgba(34,211,238,.9);
  background: linear-gradient(135deg,rgba(34,211,238,.28),rgba(37,99,235,.3));
  box-shadow: 0 0 0 1px rgba(34,211,238,.15),0 7px 22px rgba(8,145,178,.22);
}

@media (max-width:1100px) {
  .home-header,.section-header { grid-template-columns: 1fr auto auto; min-height: 104px; }
  .home-header > .space-navigation,.section-header > nav { order: 4; grid-column: 1 / -1; width: 100%; }
  .brand-fusialab img { width: min(54vw,340px); height: 82px; }
  .section-header .brand-product img { width: min(52vw,310px); height: 92px; }
  .section-header > nav { transform: none; }
}
@media (max-width:680px) {
  .home-header,.section-header { display: flex; min-height: 88px; }
  .brand-fusialab,.section-header .brand-product { margin-inline: auto; }
  .brand-fusialab img { width: min(54vw,250px); height: 66px; }
  .section-header .brand-product img { width: min(50vw,230px); height: 72px; }
  .home-header > .space-navigation,.section-header > nav { order: initial; }
  .home-header > .space-navigation { display: none; grid-template-columns: 1fr; }
  .home-header > .space-navigation.open { display: grid; }
  .home-header > .space-navigation .space-nav-link { min-height: 68px; }
  .gateway-card .product-logo { min-height: 150px; max-height: 175px; }
}

/* Robustesse mobile après contrôle sur téléphone — 6 septembre 2026 */
.contact-form,
.form-grid,
.contact-form label,
.contact-form fieldset,
.contact-form input,
.contact-form select,
.contact-form textarea {
  min-width: 0;
  max-width: 100%;
}

@media (max-width:680px) {
  .gateway-hero {
    min-height: 0;
    padding: 2rem 24px 3rem;
  }

  .gateway-intro {
    min-height: 0;
    padding-top: 14rem;
  }

  .gateway-orientation img,
  .jarod-theme .hero-visual img,
  .jarod-theme .visual-highlight > img {
    max-width: 100%;
    height: auto;
  }

  .jarod-theme .hero.compact-hero {
    min-height: 0;
    padding-top: 14rem;
    padding-bottom: 3rem;
  }

  .jarod-theme .hero.compact-hero .hero-visual {
    aspect-ratio: auto;
    margin-top: 1.25rem;
  }

  .legal-page.wide-page {
    width: 100%;
    padding-inline: 20px;
  }

  .contact-form {
    width: 100%;
    padding: 1.25rem;
  }

  .contact-form fieldset {
    padding: 1rem;
  }
}

/* Visuels de campagne intégrés au parcours — 6 septembre 2026 */
.campaign-showcase {
  overflow: hidden;
}

.campaign-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.8rem, 1.6vw, 1.35rem);
  align-items: stretch;
}

.campaign-grid figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(126, 233, 255, .25);
  border-radius: 18px;
  background: rgba(4, 15, 30, .82);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

.campaign-grid figure:nth-child(5n + 1) {
  grid-column: span 2;
}

.campaign-grid img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Corrections de lisibilité validées avec Doc — 7 septembre 2026 */
.titan-theme .site-header {
  background:
    linear-gradient(90deg, rgba(5, 16, 34, .94), rgba(9, 31, 55, .82)),
    url("fusialab-universe-personal-filaments-v2.webp") center 42% / cover no-repeat;
}

.jarod-theme .site-header {
  background:
    linear-gradient(90deg, rgba(18, 8, 31, .94), rgba(42, 18, 62, .82)),
    url("fusialab-universe-business-filaments-v2.webp") center 45% / cover no-repeat;
}

.section {
  padding-top: clamp(3.6rem, 6vw, 5rem);
  padding-bottom: clamp(3.6rem, 6vw, 5rem);
}

.section:not(.campaign-showcase):not(.visual-highlight):not(.purchase-band),
.legal-page,
.identity-callout {
  background-color: rgba(148, 163, 184, .075);
}

.jarod-theme .section:not(.campaign-showcase):not(.visual-highlight),
.jarod-theme .identity-callout {
  background-color: rgba(185, 151, 211, .075);
}

.step,
.audience-card,
.offer-card,
.identity-callout,
.status-banner {
  background: linear-gradient(145deg, rgba(38, 55, 74, .94), rgba(15, 25, 39, .94));
  border-color: rgba(157, 190, 218, .38);
}

.jarod-theme .step,
.jarod-theme .audience-card,
.jarod-theme .offer-card,
.jarod-theme .identity-callout,
.jarod-theme .status-banner {
  background: linear-gradient(145deg, rgba(66, 45, 82, .94), rgba(29, 19, 40, .94));
  border-color: rgba(211, 161, 239, .38);
}

.step p,
.audience-card p,
.section-heading > p:last-child,
.section-copy,
.legal-page p,
.legal-page li {
  color: #d9e4ee;
}

.step-number {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 2rem;
  padding: .55rem .85rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(126, 233, 255, .11);
  font-size: clamp(.9rem, 1.25vw, 1.08rem);
  font-weight: 900;
  letter-spacing: .11em;
}

.jarod-theme .step-number {
  background: rgba(211, 161, 239, .12);
}

.journey-number {
  width: 52px;
  height: 52px;
  font-size: 1.08rem;
  font-weight: 900;
}

.campaign-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.6rem);
}

.campaign-grid figure,
.campaign-grid figure:nth-child(5n + 1),
.jarod-showcase .campaign-grid figure:nth-child(5n + 1) {
  grid-column: span 1;
  aspect-ratio: 1 / 1;
  padding: clamp(.35rem, .8vw, .65rem);
  background: linear-gradient(145deg, rgba(220, 232, 241, .16), rgba(41, 58, 75, .7));
}

.jarod-showcase .campaign-grid figure {
  background: linear-gradient(145deg, rgba(219, 190, 235, .17), rgba(56, 34, 72, .76));
}

/* Suppression des grands vides et sécurisation des titres sur téléphone. */
@media (max-width: 800px) {
  .personal-hero,
  .jarod-theme .hero.compact-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    margin-inline: 0;
    padding-inline: 24px !important;
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem;
  }

  .personal-hero .hero-copy,
  .jarod-theme .hero.compact-hero .hero-copy,
  .personal-hero .hero-copy > *,
  .jarod-theme .hero.compact-hero .hero-copy > * {
    width: 100%;
    max-width: 100% !important;
    min-width: 0;
  }

  .jarod-theme .hero h1,
  .jarod-theme .hero h1 span {
    max-width: 100% !important;
    font-size: clamp(1.85rem, 8vw, 2.25rem);
    line-height: 1.08;
    display: block;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

.campaign-grid img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  border-radius: 12px;
  filter: brightness(1.12) contrast(1.16) saturate(1.12);
}

.hero-visual img,
.visual-highlight > img,
.titan-visual-card img,
.promo-visual,
.checkout-hero-visual,
.confirmation-visual {
  filter: brightness(1.1) contrast(1.15) saturate(1.1);
}

.offer-visual {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: .65rem;
  object-fit: contain;
  object-position: center;
  background: rgba(214, 229, 240, .12);
  filter: brightness(1.1) contrast(1.15) saturate(1.08);
}

.personal-hero,
.jarod-theme .hero.compact-hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(2rem, 4vw, 4rem);
  min-height: 560px;
}

.personal-intro {
  margin-top: 0;
}

.titan-visual-grid {
  padding-bottom: 2.5rem;
}

.diagnostic-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.diagnostic-platform {
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid rgba(157, 190, 218, .38);
  border-radius: 16px;
  background: rgba(213, 225, 235, .1);
}

.diagnostic-platform h3 { margin-bottom: .75rem; }
.diagnostic-platform pre { overflow-x: auto; padding: 1rem; border-radius: 10px; background: #06101d; }
.diagnostic-platform code { font-size: .82rem; }

@media (max-width: 800px) {
  .personal-hero,
  .jarod-theme .hero.compact-hero,
  .diagnostic-platform-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .campaign-grid { grid-template-columns: 1fr; }
  .campaign-grid figure { padding: .3rem; }
}

.jarod-showcase .campaign-grid figure {
  border-color: rgba(198, 93, 255, .34);
  background: rgba(25, 8, 42, .86);
}

.jarod-showcase .campaign-grid figure:nth-child(5n + 1) {
  grid-column: span 1;
}

@media (max-width: 920px) {
  .campaign-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .campaign-grid figure:nth-child(5n + 1) {
    grid-column: span 1;
  }
}

@media (max-width: 560px) {
  .campaign-grid {
    grid-template-columns: 1fr;
  }

  .campaign-grid figure {
    border-radius: 14px;
  }
}

/* Priorité finale sur les cartes JAROD : teinte plus claire et contraste renforcé. */
.jarod-showcase .campaign-grid figure {
  background: linear-gradient(145deg, rgba(219, 190, 235, .17), rgba(56, 34, 72, .76));
}

/* Correctif final de largeur mobile après contrôle du site publié — 7 septembre 2026. */
@media (max-width: 800px) {
  html,
  body,
  main,
  header,
  footer,
  section,
  .hero,
  .section,
  .gateway-hero,
  .gateway-intro,
  .personal-hero,
  .jarod-theme .hero.compact-hero {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .site-header,
  .home-header,
  .section-header,
  .hero,
  .section,
  .gateway-hero,
  .gateway-intro,
  .legal-page,
  .checkout-page {
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }

  img,
  video,
  svg,
  canvas,
  iframe,
  pre,
  table,
  .hero-copy,
  .hero-copy > *,
  .gateway-card,
  .offer-card,
  .campaign-grid,
  .campaign-grid figure,
  .diagnostic-platform,
  .titan-buy-strip,
  .final-cta {
    max-width: 100%;
    min-width: 0;
  }

  h1,
  h2,
  h3,
  p,
  li,
  a,
  strong,
  span {
    overflow-wrap: anywhere;
  }

  pre,
  table {
    overflow-x: auto;
  }
}
.titan-promo{margin:1rem 0;padding:1rem;border:1px solid #cfe0eb;border-radius:12px;background:#f7fbfd}.titan-promo-row{display:flex;gap:.6rem;margin-top:.5rem}.titan-promo-row input{min-width:0;flex:1;padding:.75rem;border:1px solid #9eb8c8;border-radius:8px;text-transform:uppercase}.titan-promo-row .button{border:0;cursor:pointer}.titan-checkout-status{min-height:1.5em}#titan-paypal-buttons{margin:1rem 0}

/* Parcours d'achat TITAN : blocs distincts et lisibles. */
.checkout-page .checkout-summary,.checkout-page .paypal-frame{background:linear-gradient(145deg,rgba(71,85,105,.96),rgba(30,41,59,.98))}
.checkout-page .kit-selector,.checkout-page .legal-consents{margin:1rem 0;padding:1rem;border:1px solid rgba(203,213,225,.42);border-radius:14px;background:rgba(148,163,184,.12)}
.checkout-page .legal-consents{text-align:left}.checkout-page .legal-consents label{display:block;margin:.65rem 0}
.checkout-page .titan-promo{background:#e5e7eb;color:#111827;border-color:#94a3b8}
.checkout-page .titan-promo > label { display:block; text-align:center; font-size:1.05rem; }
.titan-stripe-button {
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.8rem;
  align-items:center;
  min-height:62px;
  padding:.7rem 1rem!important;
  border:1px solid rgba(125,211,252,.9)!important;
  background:linear-gradient(135deg,#0891b2,#2563eb)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.3);
  text-align:left;
}
.titan-card-symbol { position:relative; width:36px; height:25px; border:2px solid #fff; border-radius:5px; }
.titan-card-symbol::before { content:""; position:absolute; left:0; right:0; top:6px; height:4px; background:#fff; }
.titan-stripe-copy { display:flex; flex-direction:column; color:#fff; }
.titan-stripe-copy strong { font-size:1rem; }
.titan-stripe-copy small { margin-top:.12rem; color:#dbeafe; font-size:.76rem; }
.titan-stripe-brand { padding:.38rem .58rem; border-radius:7px; background:#fff; color:#635bff; font-size:1.05rem; font-weight:900; letter-spacing:-.04em; }
.titan-paypal-label { display:flex; align-items:center; justify-content:center; gap:.45rem; font-size:1rem; }
.titan-paypal-label span { color:#dbeafe; }
.titan-paypal-label b { color:#ffc439; font-size:1.3rem; font-style:italic; }
#titan-paypal-buttons { width:100%; min-height:50px; padding:.4rem; border:1px solid rgba(255,196,57,.46); border-radius:12px; background:rgba(255,255,255,.06); box-sizing:border-box; overflow:visible; }
@media(max-width:520px){.titan-stripe-button{grid-template-columns:auto 1fr}.titan-stripe-brand{grid-column:1/-1;justify-self:center}.titan-promo-row{grid-template-columns:1fr!important}.titan-promo-row .button{width:100%!important}}

/* iOS peut injecter un séparateur/téléphone automatique dans le contact SAV.
   Le composant explicite ci-dessous reste identique sur iPhone et Android. */
.checkout-guarantees .sav-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .12rem;
  border-radius: 16px;
  text-align: center;
}
.checkout-guarantees .sav-contact strong {
  color: #fff;
  font-size: .82rem;
  letter-spacing: .08em;
}
.checkout-guarantees .sav-contact a {
  color: var(--cyan);
  font-size: .94rem;
  overflow-wrap: anywhere;
  text-decoration: none;
}

/* TITAN promise banner — verified package inventory, 2026-09-10 */
.titan-promise-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 30rem;
  margin: clamp(2rem, 6vw, 5rem) auto;
  border: 1px solid rgba(76, 184, 255, .34);
  border-radius: 24px;
  background: #041426;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .35);
}
.titan-promise-banner > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.titan-promise-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2, 12, 25, .97) 0%, rgba(2, 12, 25, .88) 42%, rgba(2, 12, 25, .28) 72%, rgba(2, 12, 25, .12) 100%);
}
.titan-promise-copy {
  width: min(46rem, 68%);
  padding: clamp(2rem, 5vw, 4.5rem);
}
.titan-promise-copy h2 { max-width: 16ch; font-size: clamp(2rem, 4.8vw, 4.3rem); }
.titan-promise-copy .lead { max-width: 46rem; }
.titan-promise-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin: 1.6rem 0;
}
.titan-promise-stats span {
  padding: .9rem;
  border: 1px solid rgba(97, 197, 255, .28);
  border-radius: 12px;
  background: rgba(3, 19, 36, .72);
  color: #dceffc;
}
.titan-promise-stats strong { display: block; color: #75d6ff; font-size: 1.45rem; }
.titan-promise-note { color: #aac5d8; font-size: .9rem; }
@media (max-width: 760px) {
  .titan-promise-banner { min-height: 42rem; }
  .titan-promise-banner::after { background: linear-gradient(180deg, rgba(2, 12, 25, .96) 0%, rgba(2, 12, 25, .88) 66%, rgba(2, 12, 25, .25) 100%); }
  .titan-promise-copy { width: 100%; padding: 1.5rem; }
  .titan-promise-stats { grid-template-columns: 1fr; }
}

/* Fonds filaires renforcés — visibilité augmentée à la demande de Doc le 12 septembre 2026 */
body:not(.jarod-theme):not(.titan-theme) {
  background:
    linear-gradient(rgba(2,7,18,.56), rgba(2,7,18,.72)),
    url("fusialab-universe-security-filaments-v2.webp") center top / 100% auto fixed no-repeat,
    var(--night);
}
.titan-theme {
  background:
    linear-gradient(rgba(2,7,18,.52), rgba(2,7,18,.7)),
    url("fusialab-universe-personal-filaments-v2.webp") center top / 100% auto fixed no-repeat,
    var(--night);
}
.jarod-theme {
  background:
    radial-gradient(circle at 82% 8%, rgba(116,66,200,.48), transparent 28rem),
    linear-gradient(rgba(8,3,16,.5), rgba(8,3,16,.7)),
    url("fusialab-universe-business-filaments-v2.webp") center top / 100% auto fixed no-repeat,
    #05030d;
}
.gateway-hero {
  background:
    linear-gradient(90deg, rgba(2,7,20,.9) 0%, rgba(2,7,20,.52) 38%, rgba(2,7,20,.02) 76%),
    linear-gradient(0deg, rgba(2,7,20,.58), transparent 42%),
    url("hero-fusialab-filaments-v2.webp") 62% top / cover no-repeat;
}
.titan-theme .hero.compact-hero,
body.titan-theme:has(#formules) .hero.compact-hero {
  background:
    linear-gradient(90deg, rgba(2,7,18,.9) 0%, rgba(2,7,18,.5) 46%, rgba(2,7,18,.02) 78%),
    url("fusialab-universe-personal-filaments-v2.webp") center / cover no-repeat;
}
.jarod-theme .hero.compact-hero {
  background:
    linear-gradient(90deg, rgba(7,3,16,.9), rgba(20,8,34,.5) 48%, rgba(8,3,18,.02) 78%),
    url("fusialab-universe-business-filaments-v2.webp") center / cover no-repeat;
}
body:has(#securite) .hero {
  background:
    linear-gradient(90deg, rgba(2,7,18,.86), rgba(2,7,18,.42) 55%, rgba(2,7,18,.04)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
}
.section:nth-of-type(even) {
  background:
    linear-gradient(90deg, rgba(2,7,18,.76), rgba(2,7,18,.28) 58%, rgba(2,7,18,.52)),
    url("fusialab-universe-personal-filaments-v2.webp") center / cover no-repeat;
}
.section.split,
.titan-site .section,
#securite,
#memoire,
#confiance {
  background:
    linear-gradient(90deg, rgba(2,7,18,.8), rgba(2,7,18,.38) 56%, rgba(2,7,18,.2)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
}
.legal-page {
  background:
    linear-gradient(90deg, rgba(2,7,18,.88), rgba(2,7,18,.5) 60%, rgba(2,7,18,.08)),
    url("fusialab-universe-security-filaments-v2.webp") center right / cover no-repeat;
}
.final-cta {
  background:
    linear-gradient(115deg, rgba(10,42,73,.7), rgba(3,9,18,.42)),
    url("fusialab-universe-personal-filaments-v2.webp") center right / cover no-repeat;
}
.titan-promise-banner > img {
  filter: brightness(1.2) contrast(1.24) saturate(1.35);
}
.titan-promise-banner::after {
  background: linear-gradient(90deg, rgba(2,12,25,.86) 0%, rgba(2,12,25,.54) 42%, rgba(2,12,25,.05) 72%, rgba(2,12,25,.01) 100%);
}

@media (max-width: 680px) {
  body:not(.jarod-theme):not(.titan-theme),
  .titan-theme,
  .jarod-theme { background-attachment: scroll; }
  .gateway-hero {
    background:
      linear-gradient(0deg, rgba(2,7,20,.88) 0%, rgba(2,7,20,.44) 64%, rgba(2,7,20,.08) 100%),
      url("hero-fusialab-filaments-v2.webp") 63% top / auto 45rem no-repeat,
      #020714;
  }
  .titan-theme .hero.compact-hero,
  body.titan-theme:has(#formules) .hero.compact-hero,
  .jarod-theme .hero.compact-hero {
    background:
      linear-gradient(0deg, rgba(2,7,18,.94) 0%, rgba(2,7,18,.52) 54%, rgba(2,7,18,.03) 100%),
      var(--mobile-hero-image, url("fusialab-universe-personal-filaments-v2.webp")) 70% top / auto 31rem no-repeat;
  }
  .jarod-theme .hero.compact-hero { --mobile-hero-image: url("fusialab-universe-business-filaments-v2.webp"); }
  .section:nth-of-type(even),
  .section.split,
  #securite,
  #memoire,
  #confiance {
    background:
      linear-gradient(rgba(2,7,18,.58), rgba(2,7,18,.72)),
      url("fusialab-universe-security-filaments-v2.webp") center / cover no-repeat;
  }
  .titan-promise-banner::after {
    background: linear-gradient(180deg, rgba(2,12,25,.86) 0%, rgba(2,12,25,.52) 66%, rgba(2,12,25,.04) 100%);
  }
}