/* EDITAR CORES E MEDIDAS AQUI. Sem dependências ou arquivos remotos. */
:root {
  --blue: #0066ff;
  --blue-light: #73b6ff;
  --dark: #05070d;
  --navy: #0a0f1f;
  --light: #f2f6ff;
  --white: #fff;
  --ink: #101a30;
  --muted: #58677e;
  --text-dark: #a7b5cd;
  --border-dark: #ffffff1c;
  --border-light: #dfe6f1;
  --max-width: 1260px;
  --gutter: 40px;
  --section-space: 112px;
  --radius: 24px;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ease: cubic-bezier(.22,1,.36,1);
  --reveal-duration: 750ms;
  --header-height: 80px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 16px); }
body { margin: 0; background: var(--dark); color: var(--white); font-family: var(--font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open, body.dialog-open { overflow: hidden; }
::selection { background: var(--blue); color: white; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; color: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button { border: 0; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3, h4 { line-height: 1.1; letter-spacing: -.045em; font-weight: 650; }
h2 { font-size: clamp(32px, 3.5vw, 48px); }
h3 { font-size: 26px; }
h4 { font-size: 30px; }
p { color: var(--text-dark); }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--blue-light); outline-offset: 5px; border-radius: 4px; }
.wrap { width: min(var(--max-width), calc(100% - var(--gutter) * 2)); margin-inline: auto; position: relative; }
.section { padding: var(--section-space) 0; }
.light { background: var(--light); color: var(--ink); }
.light p { color: var(--muted); }
.muted { color: #65748a; }
.text-gradient { color: var(--blue-light); background: linear-gradient(105deg,#aad9ff 0%,#2986ff 65%,#0066ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.icon { width: 24px; height: 24px; display: inline-block; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.icon-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: -80px; left: 16px; padding: 12px 20px; background: var(--white); color: var(--ink); }
.skip-link:focus { top: 16px; }
.eyebrow, .kicker { font-size: 12px; line-height: 1.5; font-weight: 650; letter-spacing: .12em; }
.eyebrow { display: flex; gap: 10px; align-items: center; margin-bottom: 22px; color: var(--blue-light); }
.light .eyebrow, .light .kicker { color: #075bd6; }
.eyebrow-line { display: inline-block; height: 2px; width: 22px; background: var(--blue); }
.kicker { color: var(--blue-light); }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 14px 25px; gap: 12px; border-radius: 10px; background: var(--blue); color: white; font-size: 14px; line-height: 1.4; font-weight: 600; border: 1px solid transparent; box-shadow: 0 8px 30px #0066ff26; transition: transform .25s var(--ease), background .25s, box-shadow .25s; }
.button:hover { transform: translateY(-3px); background: #1f7aff; box-shadow: 0 12px 38px #0066ff45; }
.button:active { transform: translateY(0); }
.button.outline { background: #ffffff04; border-color: #ffffff38; box-shadow: none; }
.button.outline:hover { background: #ffffff0b; border-color: #ffffff70; }
.button.small { min-height: 42px; padding: 10px 18px; font-size: 13px; }
.button.white { background: white; color: #075ad0; box-shadow: none; }
.button.dark { background: var(--navy); box-shadow: none; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.text-link, .card-link { display: inline-block; font-size: 14px; font-weight: 600; color: var(--blue-light); padding-block: 4px; background: linear-gradient(currentColor,currentColor) left bottom / 0 1px no-repeat; transition: background-size .3s; }
.text-link:hover, a:hover .card-link { background-size: 100% 1px; }
.light .text-link { color: #075bd6; }
.section-heading { margin-bottom: 48px; }
.section-heading.split { display: grid; grid-template-columns: 1.8fr 1fr; align-items: end; gap: 56px; }
.section-heading.split > p { max-width: 380px; line-height: 1.7; }
.section-heading.center { text-align: center; max-width: 880px; margin-inline: auto; }
.center .eyebrow { justify-content: center; }
.section-heading.center > p:last-child { margin-top: 24px; }
.section-description { font-size: 17px; margin-top: 24px; max-width: 470px; }
.small-note { font-size: 13px; margin-top: 24px; max-width: 450px; line-height: 1.6; }
/* HEADER */
.site-header { position: fixed; inset: 0 0 auto; z-index: 40; height: var(--header-height); background: #05070ddd; backdrop-filter: blur(16px); border-bottom: 1px solid #ffffff0d; }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: block; width: 192px; flex: none; }
.brand img { width: 100%; }
#nav-principal { display: flex; align-items: center; gap: 26px; }
#nav-principal > a:not(.button) { font-size: 13px; color: #c0cbe0; position: relative; padding-block: 10px; transition: color .25s; }
#nav-principal > a:hover { color: white; }
#nav-principal > a:not(.button)::after { content: ''; position: absolute; height: 2px; left: 0; bottom: 4px; width: 0; background: var(--blue); transition: width .25s; }
#nav-principal > a:not(.button):hover::after { width: 100%; }
.menu-toggle { display: none; width: 44px; height: 44px; border-radius: 8px; background: #ffffff0a; }
.menu-toggle span { display: block; width: 20px; height: 2px; margin: 5px auto; background: white; transition: transform .25s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.scroll-progress { height: 2px; background: linear-gradient(90deg,var(--blue),#8cc9ff); width: 0; }
/* HERO */
.hero { overflow: hidden; position: relative; padding-top: var(--header-height); background: radial-gradient(ellipse at 72% 40%,#0c1e3d 0%,#05070d 60%); }
.hero-grid { position: absolute; inset: 0; background: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom,transparent,#000 30%,transparent); }
.hero-aura { position: absolute; width: 680px; height: 600px; right: -80px; top: 60px; background: radial-gradient(ellipse,#0066ff2b,transparent 65%); animation: aura 10s ease-in-out infinite alternate; }
.hero-layout { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 32px; padding-block: 96px 100px; }
.hero-copy { z-index: 3; }
.hero h1 { font-size: clamp(42px,4.55vw,66px); line-height: 1.05; letter-spacing: -.055em; max-width: 620px; }
.hero-lead { max-width: 470px; font-size: 17px; line-height: 1.75; margin: 28px 0 32px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; color: #9caec9; font-size: 12px; }
.hero-meta span { display: flex; align-items: center; gap: 7px; }
.hero-meta .icon { width: 17px; height: 17px; color: #6b9fd6; }
.hero-visual { position: relative; min-width: 0; height: 420px; perspective: 1400px; }
.screen-stage { position: absolute; width: 106%; left: 2%; top: 60px; padding: 7px; border: 1px solid #578ed66b; background: #111c30; border-radius: 15px; box-shadow: 0 35px 90px #000b,0 0 70px #0066ff13; transform: rotateY(-10deg) rotateX(6deg) rotateZ(-2deg); animation: screen-float 9s ease-in-out infinite; }
.screen-top { display: flex; justify-content: space-between; align-items: center; height: 34px; color: #b1c4dd; font-size: 9px; letter-spacing: .1em; padding: 0 8px 5px; }
.screen-top .icon { width: 16px; height: 16px; color: #5b9efa; }
.screen-dots { display: flex; gap: 4px; }
.screen-dots i { width: 5px; height: 5px; border-radius: 50%; background: #5c7396; }
.hero-screen { width: 100%; border-radius: 8px; }
.screen-orbit { position: absolute; width: 620px; height: 250px; border: 1px solid #1674ee2b; border-radius: 50%; transform: rotate(-28deg); top: 80px; left: -40px; }
.screen-orbit::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #68c6ff; left: 15%; top: 7%; box-shadow: 0 0 20px #0066ff; }
.orbit-b { transform: rotate(25deg); height: 400px; top: 20px; left: -10px; border-color: #1674ee16; }
.float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 17px 19px; border: 1px solid #9bc5ff2e; background: #10203bf2; border-radius: 15px; box-shadow: 0 15px 45px #0006; backdrop-filter: blur(8px); }
.float-card small, .world-label small { display: block; font-size: 9px; font-weight: 600; letter-spacing: .1em; color: #96aecc; }
.float-card strong { display: block; font-size: 16px; margin-top: 3px; }
.float-sale { top: 4px; right: -4px; animation: float 6s ease-in-out infinite; }
.float-pix { bottom: -2px; left: -28px; animation: float 7s ease-in-out -2s infinite; }
.mini-status { font-size: 11px; color: #75b6ff; display: block; margin-top: 4px; }
.currency-symbol, .pix-symbol { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid #3986e560; background: #0066ff1a; color: #81c0ff; border-radius: 12px; font-size: 25px; font-weight: 500; flex: none; }
.float-pix .check { color: var(--blue-light); width: 18px; height: 18px; margin-left: 10px; }
.hero-currency-cloud { position: absolute; top: 10px; left: 16px; display: flex; gap: 12px; }
.hero-currency-cloud span { font-size: 11px; color: #7a98be; padding: 5px 9px; border: 1px solid #518ddb22; border-radius: 6px; animation: float 8s ease-in-out infinite; }
.hero-currency-cloud span:nth-child(2) { animation-delay: -3s; }
.hero-bottom { display: flex; justify-content: space-between; align-items: center; padding-bottom: 28px; font-size: 12px; color: #91a2bc; }
.scroll-cue { display: flex; align-items: center; gap: 12px; }
.scroll-cue > span { width: 16px; height: 24px; border: 1px solid #ffffff40; border-radius: 10px; position: relative; }
.scroll-cue > span::after { content: ''; width: 2px; height: 5px; background: #74b5ff; position: absolute; top: 4px; left: 6px; animation: scroll-cue 2s ease-in-out infinite; }
.motion-toggle { background: transparent; color: #a3b1c8; font-size: 12px; padding: 8px 0 8px 12px; min-height: 36px; text-decoration: underline; text-underline-offset: 4px; }
/* METRICS AND SOLUTIONS */
.reach-strip { background: #090e19; border-block: 1px solid var(--border-dark); }
.reach-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.4fr; padding-block: 36px; }
.reach-grid > div { padding: 2px 30px; border-right: 1px solid var(--border-dark); display: flex; flex-direction: column; justify-content: center; }
.reach-grid > div:first-child { padding-left: 0; }
.reach-grid > div:last-child { border: 0; }
.reach-grid strong { font-size: 34px; font-weight: 600; letter-spacing: -.04em; line-height: 1.25; }
.reach-grid > div:first-child strong { font-size: 24px; margin-top: 6px; }
.reach-grid span:not([data-count]) { font-size: 10px; color: #9aaac2; letter-spacing: .1em; margin-top: 4px; }
.solution-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.solution-card { background: var(--white); border: 1px solid var(--border-light); border-radius: var(--radius); overflow: hidden; transition: box-shadow .3s, border-color .3s; }
.solution-card:hover { box-shadow: 0 16px 45px #0b295f0c; border-color: #a9c7f5; }
.solution-art { height: 260px; position: relative; background: radial-gradient(ellipse at 50% 60%,#163e7a,#091121 75%); display: grid; place-items: center; color: #8ac7ff; overflow: hidden; }
.solution-art::after { content: ''; position: absolute; width: 340px; height: 340px; border-radius: 50%; border: 1px solid #2681ff30; box-shadow: 0 0 0 50px #2681ff05,0 0 0 100px #2681ff03; }
.mini-world { width: 150px; height: 150px; border: 1px solid #8cc9ff22; border-radius: 50%; display: grid; place-items: center; }
.mini-world .icon { width: 140px; height: 140px; stroke-width: .35; animation: spin 48s linear infinite; }
.currency-pill { position: absolute; padding: 10px 18px; font-size: 14px; background: #152d4b; border: 1px solid #6eb3ff44; border-radius: 9px; z-index: 2; box-shadow: 0 10px 30px #0004; animation: float 6s ease-in-out infinite; }
.pill-usd { top: 60px; left: 18%; }.pill-eur { top: 105px; right: 14%; animation-delay: -2s; }.pill-gbp { bottom: 40px; left: 35%; animation-delay: -4s; }
.solution-content { padding: 32px; }
.solution-content h3 { margin: 12px 0 16px; font-size: 30px; }
.solution-content p { font-size: 15px; max-width: 370px; }
.solution-content .card-link { color: #075bd6; margin-top: 20px; }
.solution-brasil .solution-art { background: linear-gradient(125deg,#0a1323,#102e5d); display: flex; justify-content: center; gap: 50px; }
.big-pix .icon { width: 110px; height: 110px; stroke-width: .8; }
.method-stack { display: grid; gap: 10px; z-index: 2; width: 190px; transform: rotate(-5deg); }
.method-stack span { display: flex; justify-content: space-between; padding: 11px 18px; border: 1px solid #85baff30; background: #1b3358; border-radius: 9px; font-size: 13px; box-shadow: 0 6px 15px #0002; transition: transform .3s; }
.solution-brasil:hover .method-stack span:nth-child(2) { transform: translateX(10px); }
.solution-brasil:hover .method-stack span:nth-child(3) { transform: translateX(20px); }
.method-stack b { color: white; font-weight: 500; }
.compact-art { height: 95px; padding: 28px 32px 0; display: flex; align-items: center; justify-content: space-between; color: #0066ff; }
.compact-art > .icon { width: 38px; height: 38px; stroke-width: 1.3; }
.cycle-mini { display: flex; gap: 14px; align-items: center; font-size: 13px; color: #697c9b; }.cycle-mini i { width: 25px; height: 1px; background: #a8c3ea; }
.api-mini { font-size: 22px; letter-spacing: -.02em; font-weight: 600; }.api-mini i { color: #93a9c9; font-style: normal; padding-inline: 12px; }
.solution-recurring h3, .solution-api h3 { font-size: 27px; }
/* GLOBAL: original spherical network, not a country map. */
.global-section { overflow: hidden; position: relative; padding-bottom: 64px; background: #050a14; }
.global-aura { position: absolute; width: 1000px; height: 1000px; top: 100px; left: calc(50% - 500px); background: radial-gradient(ellipse,#0066ff16,transparent 60%); pointer-events: none; }
.global-heading { text-align: center; position: relative; z-index: 2; }
.global-heading .eyebrow { justify-content: center; }.global-heading h2 { font-size: clamp(38px,4.4vw,62px); }.global-heading > p:last-child { margin-top: 24px; }
.global-experience { display: grid; grid-template-columns: 180px minmax(0,1fr) 210px; align-items: center; gap: 0; margin-top: 5px; }
.world-stats { z-index: 3; display: grid; gap: 40px; }
.world-stats strong { font-size: 56px; font-weight: 500; letter-spacing: -.05em; line-height: 1.1; display: block; }.world-stats span { font-size: 13px; color: #a3b4ce; }
.globe-stage { position: relative; height: auto; aspect-ratio: 720 / 640; min-width: 0; }
#global-globe, .global-routes { position: absolute; width: 100%; height: 100%; inset: 0; }
.globe-halo { position: absolute; inset: 13% 10% 12%; border-radius: 50%; box-shadow: 0 0 70px #0066ff20,inset 0 0 50px #0066ff12; background: radial-gradient(circle at 35% 30%,#1c438126,transparent 75%); }
.route-path { fill: none; stroke: url(#route-gradient); stroke-width: 1.6; }.route-back { opacity: .25; }.route-front { stroke-dasharray: 6 5; animation: dash 18s linear infinite; }
.route-traveler { fill: #afdfff; filter: drop-shadow(0 0 5px #74adff); }.route-origin,.route-destination { fill: #62b3ff; stroke: #c4e6ff; stroke-width: 1; }
.world-label { position: absolute; display: flex; gap: 10px; align-items: center; padding: 14px 17px; background: #0b1a30ed; border: 1px solid #67a5ff3b; border-radius: 13px; box-shadow: 0 10px 30px #0005; z-index: 3; }
.world-label strong { display: block; font-size: 15px; font-weight: 600; margin-top: 2px; }.world-label div > span { display: block; color: #88abd7; font-size: 12px; }
.world-label-source { right: -2%; top: 16%; animation: float 8s ease-in-out infinite; }.world-label-brasil { left: 12%; bottom: 17%; animation: float 7s ease-in-out -2s infinite; }
.globe-coordinate { position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%); white-space: nowrap; color: #647d9d; font-size: 9px; letter-spacing: .15em; }
.world-selector { z-index: 4; padding-left: 15px; }.world-selector .kicker { font-size: 10px; color: #839bbe; }.currency-controls { display: grid; gap: 10px; margin-top: 16px; }
.currency-controls button { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; color: #a3b4d0; background: #ffffff03; border: 1px solid #ffffff18; border-radius: 9px; font-size: 15px; font-weight: 600; transition: background .25s, border-color .25s, transform .25s; }
.currency-controls button span { font-size: 12px; font-weight: 400; }.currency-controls button[aria-pressed="true"] { background: #0066ff21; color: #9fcfff; border-color: #2d83fc; box-shadow: 0 0 25px #0066ff13; }.currency-controls button:hover { border-color: #6fa8f1; transform: translateX(-3px); }
.currency-description { margin-top: 18px; min-height: 78px; }.currency-description p { font-size: 13px; }.currency-description strong { color: #d4e2f5; font-weight: 500; }
.global-foot { text-align: center; border-top: 1px solid var(--border-dark); padding-top: 36px; }.global-foot > div { display: flex; align-items: center; justify-content: center; gap: 16px; }.flow-chip { padding: 11px 16px; background: #ffffff03; border: 1px solid #ffffff18; border-radius: 9px; color: #adbed7; font-size: 12px; }.focus-chip { width: 135px; padding: 15px; }.flow-connector { width: 50px; height: 1px; background: linear-gradient(90deg,#0066ff55,#5baaff); }.global-foot > p { margin-top: 24px; color: #8296b5; font-size: 12px; }
/* NATIONAL PAYMENTS AND RECEIPTS */
.payment-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.payment-card { border: 1px solid var(--border-light); background: var(--white); border-radius: 18px; padding: 28px 24px 22px; position: relative; transition: border-color .3s, box-shadow .3s; }
.payment-card:hover { border-color: #98bcf2; box-shadow: 0 15px 35px #0066ff0a; }
.payment-number { position: absolute; top: 22px; right: 22px; font-size: 11px; color: #8a99af; }.icon-box { width: 52px; height: 52px; border-radius: 14px; background: #edf4ff; display: grid; place-items: center; color: #0066ff; margin-bottom: 28px; }.icon-box .icon { width: 28px; height: 28px; }
.payment-card h3 { font-size: 23px; margin-bottom: 14px; }.payment-card > p { font-size: 14px; line-height: 1.7; min-height: 94px; }.payment-bottom { border-top: 1px solid var(--border-light); padding-top: 20px; margin-top: 25px; display: flex; flex-direction: column; gap: 3px; }.payment-bottom span { color: #667b99; font-size: 12px; }.payment-bottom strong { color: #075bd6; font-size: 16px; }
.receipts { padding-top: 0; }.receipts-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; border-top: 1px solid var(--border-light); padding-top: 90px; }
.receipt-track { position: relative; display: grid; gap: 16px; }.receipt-track-line { position: absolute; left: 31px; top: 20px; bottom: 20px; width: 2px; background: linear-gradient(#0066ff,#b9d4ff); }.receipt-track article { display: flex; align-items: center; gap: 18px; background: white; border: 1px solid var(--border-light); border-radius: 15px; padding: 20px; position: relative; }.receipt-point { width: 46px; height: 46px; display: grid; place-items: center; background: #ecf3ff; color: #0066ff; border-radius: 12px; flex: none; }.receipt-track h3 { font-size: 17px; letter-spacing: -.02em; }.receipt-track p { font-size: 12px; margin-top: 5px; }.receipt-track strong { font-size: 32px; font-weight: 500; letter-spacing: -.05em; margin-left: auto; color: #0066ff; }.receipt-track article:first-of-type { box-shadow: 0 8px 30px #0066ff0a; }
/* RESOURCE TABS */
.resources { background: linear-gradient(#080e1b,#0a1120); }
.resource-workspace { border: 1px solid #5484c535; background: #0d1727; border-radius: var(--radius); overflow: hidden; box-shadow: 0 25px 60px #0003; }
.resource-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); background: #08101d; border-bottom: 1px solid var(--border-dark); }.resource-tabs button { color: #93a6c2; background: transparent; padding: 22px 14px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; border-bottom: 2px solid transparent; transition: background .25s,color .25s; }.resource-tabs button:hover { color: white; background: #ffffff03; }.resource-tabs button[aria-selected="true"] { color: #8cc8ff; background: #0066ff0e; border-color: var(--blue); }.resource-tabs .icon { width: 21px; height: 21px; }
.resource-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding: 55px; align-items: center; min-height: 475px; }.resource-copy h3 { font-size: 37px; margin-top: 16px; }.resource-copy > p { margin: 22px 0; font-size: 15px; max-width: 440px; }.check-list { padding: 0; margin: 0 0 22px; list-style: none; font-size: 13px; color: #bbcade; }.check-list li { display: flex; gap: 10px; margin-block: 9px; }.check-list li::before { content: '✓'; color: #65adff; }
.route-diagram { display: flex; flex-direction: column; align-items: center; padding: 10px 0; }.diagram-caption { font-size: 9px; color: #718bab; letter-spacing: .1em; margin-bottom: 20px; }.route-input { display: flex; align-items: center; gap: 9px; font-size: 13px; border: 1px solid #4c80bd44; border-radius: 10px; padding: 12px 30px; background: #13223a; }.route-input .icon { width: 20px; }.diagram-line { width: 1px; height: 35px; background: #317ce8; position: relative; }.diagram-line::after { content: ''; position: absolute; left: -2px; top: 0; width: 5px; height: 5px; background: #acd9ff; border-radius: 50%; animation: flow-down 3s linear infinite; }.route-focus { width: 210px; padding: 28px; border: 1px solid #4193ff80; background: #0a1527; border-radius: 14px; box-shadow: 0 0 35px #0066ff1a; }.route-branches { width: 73%; height: 50px; border-top: 1px solid #3785ed80; margin-top: 25px; display: flex; justify-content: space-between; position: relative; }.route-branches::before { content: ''; position: absolute; height: 25px; width: 1px; top: -25px; left: 50%; background: #3785ed80; }.route-branches span { width: 1px; height: 50px; background: #3785ed80; }.acquirer-nodes { display: flex; width: 100%; justify-content: space-between; gap: 8px; }.acquirer-nodes span { padding: 12px 14px; border: 1px solid #4885d944; border-radius: 8px; font-size: 11px; background: #14233b; animation: connection-glow 9s infinite; }.acquirer-nodes span:nth-child(2) { animation-delay: -3s; }.acquirer-nodes span:nth-child(3) { animation-delay: -6s; }.diagram-end { font-size: 11px; color: #829cc0; margin-top: 22px; }
.recovery-preview, .recurring-preview { min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 20px; background: radial-gradient(ellipse,#12336266,transparent 70%); }.preview-icon { display: grid; place-items: center; width: 70px; height: 70px; background: #0066ff19; border: 1px solid #3a83df66; border-radius: 20px; color: #71b8ff; margin-bottom: 22px; }.preview-icon .icon { width: 35px; height: 35px; }.recovery-preview h4 { font-size: 28px; margin: 16px 0 26px; }.recovery-steps { display: flex; gap: 8px; align-items: center; font-size: 11px; color: #9dbde2; }.recovery-steps i { width: 18px; height: 1px; background: #4477bb; }.recurring-ring { width: 125px; height: 125px; border: 1px dashed #3e81d9; border-radius: 50%; display: grid; place-items: center; margin-bottom: 28px; }.recurring-ring .icon { width: 55px; height: 55px; stroke-width: 1; color: #77baff; animation: spin 25s linear infinite; }.recurring-months { display: flex; gap: 8px; margin-block: 25px 15px; }.recurring-months span { padding: 10px 12px; font-size: 10px; border: 1px solid #3e77c155; border-radius: 8px; color: #adc8ea; }.recurring-preview > p { font-size: 13px; }
/* FEATURE STORIES */
.feature-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }.feature-copy .text-link { margin-top: 30px; }.feature-note { display: flex; gap: 14px; padding-top: 26px; margin-top: 26px; border-top: 1px solid var(--border-light); }.feature-note .icon { color: var(--blue); width: 26px; height: 26px; }.feature-note p { font-size: 14px; max-width: 360px; }
.connection-visual { position: relative; height: 380px; background: radial-gradient(ellipse,#dbeaff,transparent 70%); }.visual-label { position: absolute; left: 0; top: 0; font-size: 10px; color: #778baa; letter-spacing: .12em; }.connection-net { width: 100%; height: 100%; }.net-lines { fill: none; stroke: #3384ff; stroke-width: 1; stroke-dasharray: 5 6; animation: dash 20s linear infinite; }.net-dot { fill: #0066ff; }.connection-center { position: absolute; width: 195px; padding: 32px 22px; border: 1px solid #2d71db; background: #0a1527; border-radius: 15px; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 10px 35px #0066ff2a; }.connection-token { position: absolute; display: flex; align-items: center; gap: 10px; border-radius: 12px; background: white; border: 1px solid #c7d9f4; color: #2d4f7e; padding: 13px 17px; font-size: 12px; box-shadow: 0 8px 25px #0e376012; animation: float 7s ease-in-out infinite; }.connection-token .icon { width: 20px; height: 20px; color: #0066ff; }.token-a { top: 14%; left: 5%; }.token-b { top: 15%; right: 0; animation-delay: -2s; }.token-c { bottom: 8%; left: 27%; animation-delay: -4s; }
.recovery-section { padding-top: 0; }.recovery-section .feature-layout { border-top: 1px solid var(--border-light); padding-top: 90px; }.recovery-card { padding: 30px; border-radius: var(--radius); background: white; border: 1px solid #dce6f4; box-shadow: 0 20px 50px #23446d08; }.recovery-card-top { display: flex; align-items: center; justify-content: space-between; }.recovery-card-top .icon { color: var(--blue); }.recovery-flow { list-style: none; margin: 30px 0; padding: 0; display: grid; gap: 15px; }.recovery-flow li { display: flex; gap: 16px; align-items: center; border: 1px solid #e7edf6; border-radius: 12px; padding: 18px; transition: background .3s,border-color .3s; }.recovery-flow li > span { width: 34px; height: 34px; display: grid; place-items: center; color: #7893b5; background: #f1f5fb; border-radius: 50%; font-size: 12px; flex: none; }.recovery-flow strong { font-size: 14px; font-weight: 600; }.recovery-flow p { font-size: 12px; margin-top: 3px; }.recovery-flow li.active { background: #f0f6ff; border-color: #9bc4ff; }.recovery-flow li.active > span { background: #0066ff; color: white; }.recovery-replay { width: 100%; }
.recurrence-section { background: radial-gradient(ellipse at 25% 50%,#11254c,#080e1a 60%); }.cycle-card { border: 1px solid #5185cf44; border-radius: var(--radius); padding: 30px; background: #101b30a6; }.cycle-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }.cycle-top .icon { color: #79b8ff; }.cycle-orbit { width: 235px; height: 235px; margin: 30px auto; position: relative; }.cycle-ring { position: absolute; inset: 20px; border: 1px dashed #3488ff; border-radius: 50%; animation: spin 40s linear infinite; }.cycle-orbit > span { width: 50px; height: 50px; border: 1px solid #3f7fcf; background: #10223e; border-radius: 50%; display: grid; place-items: center; color: #a5d4ff; font-size: 15px; position: absolute; z-index: 2; }.cycle-orbit > span:nth-of-type(1) { top: 0; left: calc(50% - 25px); }.cycle-orbit > span:nth-of-type(2) { bottom: 25px; right: 5px; }.cycle-orbit > span:nth-of-type(3) { bottom: 25px; left: 5px; }.cycle-center { position: absolute; inset: 72px; display: grid; place-items: center; border-radius: 50%; background: #0066ff20; box-shadow: 0 0 50px #0066ff1f; }.cycle-center .icon { width: 45px; height: 45px; color: #7abcff; stroke-width: 1.1; }
.cycle-controls { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.cycle-controls button { border: 1px solid #ffffff20; background: #ffffff03; color: #a4b8d5; padding: 10px; border-radius: 8px; font-size: 12px; min-height: 42px; transition: background .2s,border-color .2s; }.cycle-controls button[aria-pressed="true"] { background: #0066ff26; color: #a9d5ff; border-color: #3d8cf6; }.cycle-detail { margin-top: 22px; min-height: 72px; }.cycle-detail strong { display: block; font-size: 15px; color: white; font-weight: 500; }.cycle-detail span { display: block; font-size: 13px; margin-top: 7px; }.cycle-card[data-selected-cycle="2"] .cycle-orbit > span:nth-of-type(2), .cycle-card[data-selected-cycle="3"] .cycle-orbit > span:nth-of-type(3), .cycle-card:not([data-selected-cycle]) .cycle-orbit > span:nth-of-type(1), .cycle-card[data-selected-cycle="1"] .cycle-orbit > span:nth-of-type(1) { background: var(--blue); color: white; box-shadow: 0 0 30px #0066ff44; }
.recurrence-types { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }.recurrence-types span { color: #abbed9; padding: 7px 12px; border: 1px solid #ffffff20; border-radius: 6px; font-size: 12px; }
/* API WORKSPACE */
.api-section { background: #070c15; border-top: 1px solid var(--border-dark); }.api-workspace { display: grid; grid-template-columns: 70px minmax(0,1fr); border: 1px solid #5385c841; border-radius: var(--radius); overflow: hidden; background: #0d1626; }.api-sidebar { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 38px 12px; background: #09101c; border-right: 1px solid var(--border-dark); color: #6d9fe4; font-size: 10px; }.api-sidebar > span:nth-of-type(2) { margin: 10px 0; color: #48688b; }.api-content { padding: 32px 40px; }.api-top { display: flex; justify-content: space-between; gap: 15px; align-items: center; color: #849bbd; font-size: 10px; letter-spacing: .07em; }.doc-pill { border: 1px solid #5083c23d; color: #85addd; padding: 6px 10px; border-radius: 5px; font-size: 10px; letter-spacing: 0; }
.prompt-card { position: relative; padding: 30px; margin-top: 28px; border: 1px solid #3d78c344; background: linear-gradient(120deg,#152a48,#10203a); border-radius: 15px; }.prompt-card > p { color: #d2def0; font-size: 19px; line-height: 1.7; margin-top: 15px; max-width: 920px; }.copy-brief { display: inline-flex; gap: 9px; align-items: center; background: #0066ff22; color: #a2ceff; padding: 9px 13px; border: 1px solid #498bdd55; border-radius: 7px; font-size: 12px; margin-top: 22px; transition: background .2s; }.copy-brief:hover { background: #0066ff40; }.copy-brief .icon { width: 17px; height: 17px; }.copy-status { color: #aacdf4; font-size: 12px; margin-left: 12px; }.api-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; padding-block: 35px 26px; }.api-steps article > span { color: #669add; font-size: 12px; }.api-steps h3 { font-size: 19px; letter-spacing: -.02em; margin: 10px 0; }.api-steps p { font-size: 13px; max-width: 260px; }.api-note { font-size: 12px; border-top: 1px solid var(--border-dark); padding-top: 20px; color: #8297b5; }.api-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; gap: 25px; }.api-bottom > p { font-size: 14px; }
/* REAL PLATFORM SCREENSHOT */
.platform-section { background: #f7faff; }.platform-screen { margin: 0; border: 1px solid #cfdaeb; border-radius: 18px; overflow: hidden; background: white; box-shadow: 0 30px 80px #12397614; }.platform-screen-top { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; background: #f2f6fd; border-bottom: 1px solid #dce5f4; gap: 15px; }.platform-screen-top > span { display: flex; gap: 9px; align-items: center; font-size: 10px; color: #637b9e; letter-spacing: .06em; }.platform-screen-top i { width: 5px; height: 5px; border-radius: 50%; background: #0066ff; }.zoom-panel { display: none; align-items: center; gap: 8px; background: white; border: 1px solid #d6e2f3; padding: 8px 12px; color: #1260ce; border-radius: 6px; font-size: 12px; }.js .zoom-panel { display: flex; }.zoom-panel .icon { width: 15px; height: 15px; }.panel-scroll { overflow: auto; overscroll-behavior-inline: contain; scrollbar-color: #79a9ed #ecf3fc; }.panel-scroll img { width: 100%; }.platform-screen figcaption { padding: 14px 22px; border-top: 1px solid #e4ecf7; color: #657b9a; font-size: 12px; }.platform-screen figcaption span { display: none; }.platform-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 50px; margin-top: 55px; }.platform-benefits .icon { color: var(--blue); }.platform-benefits h3 { font-size: 20px; margin-top: 20px; margin-bottom: 12px; }.platform-benefits p { font-size: 14px; max-width: 290px; }
/* JOURNEY, FAQ, CTA, FOOTER */
.journey-section { border-top: 1px solid var(--border-light); }.journey-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }.journey-grid li { border-top: 2px solid #adcbf6; padding: 28px 25px 0 0; }.journey-grid li > span { font-size: 11px; letter-spacing: .09em; color: #1763cd; }.journey-grid h3 { font-size: 23px; margin: 20px 0 15px; }.journey-grid p { font-size: 14px; }
.faq-section { padding-top: 0; }.faq-layout { display: grid; grid-template-columns: .9fr 1.4fr; gap: 100px; border-top: 1px solid var(--border-light); padding-top: 90px; }.faq-list { border-top: 1px solid #c7d5e9; }.faq-item { border-bottom: 1px solid #c7d5e9; }.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 24px 0; cursor: pointer; font-size: 15px; font-weight: 600; line-height: 1.5; list-style: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary > span { width: 14px; height: 14px; flex: none; position: relative; color: #0066ff; }.faq-item summary > span::before,.faq-item summary > span::after { content: ''; position: absolute; height: 1.5px; width: 14px; background: currentColor; top: 6px; left: 0; transition: transform .3s; }.faq-item summary > span::after { transform: rotate(90deg); }.faq-item[open] summary > span::after { transform: rotate(0); }.faq-item[open] summary { color: #075bd6; }.faq-item > p { padding: 0 30px 26px 0; font-size: 14px; line-height: 1.8; animation: fade-in .35s var(--ease); }
.final-cta { position: relative; overflow: hidden; padding: 110px 0; background: radial-gradient(ellipse at 80% 80%,#318cff66,transparent 50%),linear-gradient(115deg,#063c8f,#0066ff); text-align: center; }.final-cta .eyebrow { color: #b3d5ff; justify-content: center; }.final-cta h2 { font-size: clamp(38px,4.8vw,66px); max-width: 1080px; margin: auto; }.final-cta h2 span { color: #b8dcff; }.final-cta p:not(.eyebrow) { margin-block: 28px 32px; color: #d5e7ff; font-size: 17px; }.final-cta .actions { justify-content: center; }.cta-lines { position: absolute; width: 850px; height: 850px; border: 1px solid #afd2ff20; border-radius: 50%; left: calc(50% - 425px); top: calc(50% - 425px); box-shadow: 0 0 0 100px #afd2ff05,0 0 0 200px #afd2ff03; animation: aura 10s ease-in-out infinite alternate; }
.site-footer { padding-top: 65px; background: #050910; }.footer-top { display: grid; grid-template-columns: 1.3fr 1fr 1fr .8fr; gap: 35px; padding-bottom: 50px; }.footer-about > p { margin-top: 24px; font-size: 14px; }.footer-top nav { display: flex; flex-direction: column; gap: 12px; }.footer-top nav > span { color: #567198; font-size: 10px; letter-spacing: .12em; margin-bottom: 8px; }.footer-top nav a { color: #a4b5d0; font-size: 13px; transition: color .2s; }.footer-top nav a:hover { color: white; }.footer-bottom { border-top: 1px solid var(--border-dark); padding-block: 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 11px; color: #7489a7; }.footer-bottom p { color: #7489a7; }
/* MODAL */
#panel-dialog { border: 1px solid #5b7ead; padding: 0; border-radius: 16px; width: min(1400px,94vw); max-height: 90vh; background: #0a1220; color: white; }
#panel-dialog::backdrop { background: #000b; backdrop-filter: blur(6px); }.dialog-top { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 18px 22px; }.dialog-top h2 { font-size: 19px; letter-spacing: -.02em; }.dialog-close { padding: 8px 12px; background: #ffffff12; border-radius: 7px; font-size: 13px; }.dialog-close span { font-size: 20px; margin-left: 12px; }.dialog-scroll { overflow: auto; max-height: 70vh; }.dialog-scroll img { width: 100%; min-width: 900px; max-width: none; }#panel-dialog > p { padding: 12px 22px; font-size: 12px; }
/* ANIMATION: hidden only after JS has registered its observer. */
.reveal { opacity: 1; transform: none; }
.js.motion-ready .reveal:not(.is-visible) { opacity: 0; transform: translateY(28px); }
.js .reveal { transition: opacity var(--reveal-duration) var(--ease), transform var(--reveal-duration) var(--ease); }
.js .solution-grid > :nth-child(even), .js .payment-grid > :nth-child(even), .js .platform-benefits > :nth-child(2), .js .journey-grid > :nth-child(2) { transition-delay: 90ms; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after, .motion-offscreen *, .motion-offscreen *::before, .motion-offscreen *::after { animation-play-state: paused !important; }
.motion-paused .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes screen-float { 0%,100% { transform: rotateY(-10deg) rotateX(6deg) rotateZ(-2deg) translateY(0); } 50% { transform: rotateY(-8deg) rotateX(5deg) rotateZ(-1deg) translateY(-7px); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes dash { to { stroke-dashoffset: -160; } }
@keyframes aura { from { opacity: .65; transform: scale(.95); } to { opacity: 1; transform: scale(1.05); } }
@keyframes scroll-cue { 0%,100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(7px); opacity: 1; } }
@keyframes flow-down { to { transform: translateY(30px); } }
@keyframes connection-glow { 0%,20%,100% { border-color: #4885d944; background: #14233b; } 35%,55% { border-color: #3185ff; background: #153d70; } }
@keyframes fade-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
/* TABLET */
@media (max-width: 1100px) {
  :root { --gutter: 30px; --section-space: 90px; }
  #nav-principal { gap: 16px; }.brand { width: 165px; }
  .hero-layout { gap: 24px; padding-block: 90px; }.hero h1 { font-size: 50px; }.hero-visual { height: 350px; }.screen-stage { width: 107%; top: 75px; }.float-sale { right: 0; top: 10px; }.float-pix { bottom: -8px; left: -12px; }.hero-currency-cloud { display: none; }.float-card { padding: 13px; }.float-card strong { font-size: 14px; }
  .feature-layout,.receipts-layout { gap: 50px; }.faq-layout { gap: 60px; }.resource-panel { padding: 40px; gap: 35px; }.global-experience { grid-template-columns: 135px minmax(0,1fr) 165px; }.world-stats strong { font-size: 45px; }.world-label { padding: 10px; }.world-label-source { right: -10%; }.world-label-brasil { left: 0; bottom: 13%; }.world-label .currency-symbol,.world-label .pix-symbol { width: 35px; height: 35px; font-size: 20px; }.world-label strong { font-size: 12px; }.world-label small { font-size: 8px; }.payment-card { padding: 24px 19px; }.solution-brasil .solution-art { gap: 25px; }
}
@media (max-width: 900px) {
  :root { --header-height: 70px; }
  .menu-toggle { display: block; }
  #nav-principal { display: none; position: absolute; top: var(--header-height); left: calc(-1 * var(--gutter)); right: calc(-1 * var(--gutter)); padding: 22px var(--gutter) 30px; background: #070d19; border-bottom: 1px solid #ffffff25; gap: 5px; max-height: calc(100dvh - var(--header-height)); overflow: auto; }
  #nav-principal.is-open { display: flex; flex-direction: column; align-items: stretch; }
  #nav-principal > a:not(.button) { font-size: 16px; padding: 12px; border-bottom: 1px solid #ffffff0d; }
  #nav-principal .button { margin-top: 18px; min-height: 48px; }
  .hero-layout { grid-template-columns: 1fr; max-width: 720px; padding-block: 65px 45px; gap: 44px; }.hero-copy { max-width: 610px; }.hero h1 { font-size: 62px; }.hero-lead { max-width: 520px; }.hero-visual { height: 450px; width: 90%; margin-inline: auto; }.screen-stage { width: 100%; left: 0; top: 60px; }.float-sale { right: -10px; }.float-pix { bottom: 12px; left: -15px; }.hero-currency-cloud { display: flex; }.hero-bottom { padding-top: 0; }
  .reach-grid strong { font-size: 28px; }.reach-grid > div { padding-inline: 20px; }.reach-grid > div:first-child strong { font-size: 20px; }.reach-grid span:not([data-count]) { font-size: 9px; }
  .section-heading.split { grid-template-columns: 1fr; gap: 24px; }.section-heading.split > p { max-width: 600px; }.payment-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.payment-card > p { min-height: 60px; }.feature-layout { gap: 40px; }.feature-copy h2,.receipts h2 { font-size: 35px; }.feature-copy .section-description { font-size: 15px; }.connection-center { width: 165px; padding: 27px 20px; }.connection-token { padding: 10px 12px; gap: 7px; font-size: 10px; }.token-b { right: -7px; }.resource-panel { gap: 30px; padding: 32px; }.resource-copy h3 { font-size: 32px; }.acquirer-nodes span { padding: 10px 7px; font-size: 9px; }.route-focus { width: 165px; }.resource-tabs button { font-size: 12px; }.recurring-months { gap: 4px; }.recurring-months span { padding: 9px 7px; }.cycle-card { padding: 24px; }.cycle-top .kicker { font-size: 9px; }.global-experience { grid-template-columns: 120px minmax(0,1fr); }.world-selector { grid-column: 1 / -1; padding: 20px 0 0; text-align: center; }.currency-controls { grid-template-columns: repeat(3,1fr); max-width: 480px; margin-inline: auto; }.currency-description { min-height: 0; margin-top: 15px; }.globe-stage { margin-right: 20px; }.world-label-source { right: -3%; }.world-label-brasil { left: 7%; }.global-foot { margin-top: 35px; }.platform-benefits { gap: 30px; }.api-content { padding: 28px; }.api-top { flex-wrap: wrap; }.prompt-card > p { font-size: 17px; }.faq-layout { grid-template-columns: 1fr; gap: 45px; }.footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }
}
/* MOBILE: keep the globe, dashboard and resource visuals. */
@media (max-width: 620px) {
  :root { --gutter: 22px; --section-space: 72px; --radius: 18px; --header-height: 66px; }
  .brand { width: 160px; }.hero-layout { padding-block: 45px 35px; gap: 32px; }.hero .eyebrow { font-size: 9px; letter-spacing: .08em; gap: 7px; margin-bottom: 21px; }.eyebrow-line { width: 15px; }.hero h1 { font-size: clamp(38px,10.6vw,59px); line-height: 1.08; }.hero-lead { font-size: 15px; margin-block: 23px 26px; line-height: 1.7; }.actions { gap: 10px; }.hero .actions .button { font-size: 12px; min-height: 47px; padding: 12px 15px; flex: 1; }.hero-meta { margin-top: 23px; gap: 12px; font-size: 10px; }.hero-meta .icon { width: 15px; height: 15px; }.hero-visual { height: 300px; width: 100%; }.screen-stage { top: 62px; width: 101%; left: 0; transform: rotateY(-4deg) rotateX(4deg) rotateZ(-2deg); animation: float 9s ease-in-out infinite; padding: 4px; border-radius: 10px; }.screen-top { height: 23px; font-size: 6px; padding-inline: 6px; }.screen-top .icon { width: 12px; height: 12px; }.screen-dots i { width: 4px; height: 4px; }.float-sale { top: 5px; right: 0; padding: 10px; gap: 9px; border-radius: 10px; }.float-card small { font-size: 7px; }.float-card strong { font-size: 12px; }.float-card .currency-symbol,.float-card .pix-symbol { width: 33px; height: 33px; border-radius: 9px; font-size: 20px; }.float-card .pix-symbol .icon { width: 19px; height: 19px; }.mini-status { font-size: 9px; }.float-pix { left: 2px; bottom: 0; padding: 11px; gap: 9px; border-radius: 10px; }.float-pix .check { margin-left: 8px; width: 14px; height: 14px; }.hero-currency-cloud { left: 0; top: 15px; flex-direction: column; gap: 6px; }.hero-currency-cloud span { padding: 2px 7px; font-size: 8px; width: max-content; }.hero-currency-cloud span:last-child { display: none; }.screen-orbit { width: 400px; left: -30px; top: 40px; height: 170px; }.orbit-b { height: 280px; top: 10px; }.hero-bottom { font-size: 9px; gap: 15px; padding-bottom: 22px; }.motion-toggle { font-size: 9px; white-space: nowrap; }.scroll-cue { gap: 8px; max-width: 190px; line-height: 1.5; }
  .reach-grid { grid-template-columns: 1fr 1fr; padding-block: 15px; }.reach-grid > div { padding: 20px 0 20px 24px; }.reach-grid > div:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--border-dark); }.reach-grid > div:nth-child(even) { border-right: 0; }.reach-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--border-dark); }.reach-grid strong { font-size: 28px; }.reach-grid > div:first-child strong { font-size: 21px; }
  h2 { font-size: 33px; line-height: 1.13; }.eyebrow { font-size: 10px; margin-bottom: 17px; }.section-heading { margin-bottom: 32px; }.section-heading.split { gap: 20px; }.section-heading.split > p,.section-heading.center > p { font-size: 15px; }.section-heading.center > p:last-child { margin-top: 20px; }.section-description { font-size: 15px; margin-top: 20px; }.small-note { font-size: 12px; margin-top: 20px; }
  .solution-grid { grid-template-columns: 1fr; gap: 18px; }.solution-art { height: 220px; }.solution-content { padding: 25px; }.solution-content h3 { font-size: 27px; }.solution-content p { font-size: 14px; }.compact-art { height: 75px; padding: 20px 25px 0; }.solution-recurring h3,.solution-api h3 { font-size: 25px; }.solution-brasil .solution-art { gap: 28px; }.big-pix .icon { width: 78px; height: 78px; }.method-stack { width: 155px; }.method-stack span { padding: 9px 12px; font-size: 12px; }
  .global-heading h2 { font-size: 40px; }.global-heading > p:last-child { font-size: 14px; margin-top: 22px; }.global-heading > p:last-child br { display: none; }.global-experience { display: flex; flex-direction: column; margin-top: 28px; }.world-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; width: 100%; text-align: center; }.world-stats strong { font-size: 40px; }.world-stats span { font-size: 11px; }.globe-stage { width: calc(100% + 24px); margin: 15px -12px 0; aspect-ratio: 1 / 1.06; }.globe-halo { inset: 18% 8% 20%; }#global-globe,.global-routes { height: 90%; top: 5%; }.world-label-source { top: 8%; right: 2%; padding: 10px 12px; }.world-label-brasil { bottom: 10%; left: 2%; padding: 10px 12px; }.world-label strong { font-size: 12px; }.world-label small { font-size: 7px; }.world-label div > span { font-size: 10px; }.world-label .currency-symbol,.world-label .pix-symbol { width: 32px; height: 32px; border-radius: 9px; }.world-label .icon { width: 20px; height: 20px; }.globe-coordinate { font-size: 7px; bottom: 0; }.world-selector { width: 100%; padding-top: 27px; }.currency-controls { gap: 8px; margin-top: 12px; }.currency-controls button { flex-direction: column; gap: 3px; padding: 11px 8px; font-size: 14px; }.currency-controls button span { font-size: 10px; }.currency-description p { font-size: 12px; }.global-foot { margin-top: 28px; padding-top: 25px; }.global-foot > div { gap: 8px; }.flow-chip { font-size: 9px; padding: 10px 8px; }.focus-chip { width: 89px; padding: 12px 9px; flex: none; }.flow-connector { width: 15px; flex: none; }.global-foot > p { font-size: 10px; line-height: 1.7; }.global-section { padding-bottom: 45px; }
  .payment-grid { gap: 12px; }.payment-card { padding: 23px 16px 19px; border-radius: 14px; }.payment-number { top: 15px; right: 15px; font-size: 10px; }.icon-box { width: 43px; height: 43px; margin-bottom: 24px; border-radius: 11px; }.icon-box .icon { width: 25px; height: 25px; }.payment-card h3 { font-size: 20px; }.payment-card > p { font-size: 12px; min-height: 104px; }.payment-bottom { margin-top: 15px; padding-top: 15px; }.payment-bottom span { font-size: 10px; }.payment-bottom strong { font-size: 13px; }
  .receipts-layout { grid-template-columns: 1fr; gap: 35px; padding-top: 60px; }.receipts h2 { font-size: 33px; }.receipt-track { gap: 12px; }.receipt-track article { padding: 17px; gap: 13px; }.receipt-track strong { font-size: 29px; }.receipt-track h3 { font-size: 16px; }.receipt-track p { font-size: 11px; }
  .resource-tabs button { flex-direction: column; gap: 7px; padding: 17px 5px; font-size: 10px; }.resource-tabs .icon { width: 20px; height: 20px; }.resource-panel { grid-template-columns: 1fr; padding: 27px 22px; gap: 30px; min-height: 0; }.resource-copy h3 { font-size: 32px; }.resource-copy > p { font-size: 14px; margin-block: 19px; }.check-list { font-size: 12px; }.resource-copy .text-link { font-size: 12px; }.route-diagram { border-top: 1px solid var(--border-dark); padding-top: 27px; }.acquirer-nodes span { padding: 10px 11px; font-size: 10px; }.recovery-preview,.recurring-preview { min-height: 290px; border-top: 1px solid var(--border-dark); border-radius: 0; padding-top: 25px; }.recovery-preview h4 { font-size: 27px; }.recurring-months span { padding: 9px 13px; }
  .feature-layout { grid-template-columns: 1fr; gap: 40px; }.feature-section .connection-visual { order: 2; }.feature-copy h2 { font-size: 33px; }.connection-visual { height: 320px; }.connection-center { width: 160px; padding: 27px 20px; }.token-b { right: 0; }.connection-token { font-size: 11px; }.recovery-section .feature-layout { padding-top: 60px; }.recovery-card { padding: 23px; }.recovery-card .kicker { font-size: 9px; }.recovery-flow li { padding: 15px 12px; gap: 12px; }.recovery-flow strong { font-size: 13px; }.recovery-flow p { font-size: 11px; }.recurrence-section .feature-copy { order: -1; }.cycle-card { padding: 24px; }.cycle-orbit { margin-block: 25px; }.cycle-detail span { font-size: 12px; }
  .api-workspace { grid-template-columns: 1fr; }.api-sidebar { flex-direction: row; padding: 16px 22px; border-bottom: 1px solid var(--border-dark); border-right: 0; gap: 10px; }.api-sidebar > span:nth-of-type(2) { margin: 0 15px; }.api-sidebar .icon { width: 20px; height: 20px; }.api-content { padding: 24px 20px; }.api-top { font-size: 8px; gap: 10px; }.doc-pill { font-size: 9px; }.prompt-card { padding: 20px; margin-top: 22px; }.prompt-card .kicker { font-size: 9px; }.prompt-card > p { font-size: 16px; }.copy-status { display: block; margin: 10px 0 0; }.api-steps { grid-template-columns: 1fr; gap: 22px; padding-block: 27px; }.api-steps article { display: grid; grid-template-columns: 26px 1fr; column-gap: 14px; }.api-steps article > span { grid-row: 1 / 3; padding-top: 1px; }.api-steps h3 { font-size: 18px; margin: 0 0 7px; }.api-steps p { font-size: 12px; max-width: 100%; }.api-note { font-size: 11px; }.api-bottom { flex-direction: column; align-items: flex-start; gap: 22px; }.api-bottom > p { font-size: 13px; }
  .platform-screen-top { padding: 12px; gap: 8px; }.platform-screen-top > span { font-size: 8px; letter-spacing: 0; }.zoom-panel { padding: 7px 8px; gap: 5px; font-size: 10px; }.panel-scroll img { width: 800px; max-width: none; }.platform-screen figcaption { font-size: 10px; padding: 12px 15px; }.platform-screen figcaption span { display: block; margin-top: 3px; }.platform-benefits { grid-template-columns: 1fr; gap: 26px; margin-top: 36px; }.platform-benefits article { padding-left: 42px; position: relative; }.platform-benefits .icon { position: absolute; top: 0; left: 0; }.platform-benefits h3 { font-size: 18px; margin: 0 0 8px; }.platform-benefits p { font-size: 13px; max-width: 100%; }
  .journey-grid { grid-template-columns: 1fr; gap: 28px; }.journey-grid li { padding-top: 22px; }.journey-grid h3 { font-size: 22px; margin-block: 14px 12px; }.journey-grid p { font-size: 13px; }.faq-layout { padding-top: 60px; gap: 30px; }.faq-item summary { font-size: 13px; gap: 20px; padding-block: 21px; }.faq-item > p { font-size: 13px; padding-right: 0; }.final-cta { padding-block: 80px; }.final-cta .eyebrow { font-size: 9px; max-width: 290px; margin-inline: auto; }.final-cta h2 { font-size: 37px; }.final-cta p:not(.eyebrow) { font-size: 15px; }.final-cta .actions { flex-direction: column; width: 100%; max-width: 290px; margin-inline: auto; }.site-footer { padding-top: 50px; }.footer-top { grid-template-columns: 1fr 1fr; gap: 32px 22px; padding-bottom: 40px; }.footer-about { grid-column: 1 / -1; }.footer-top nav a { font-size: 12px; }.footer-about > p { font-size: 13px; margin-top: 20px; }.footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; padding-block: 23px; font-size: 10px; }.dialog-top { padding: 14px; }.dialog-top h2 { font-size: 15px; }.dialog-close { font-size: 11px; }.dialog-scroll img { min-width: 1000px; }#panel-dialog > p { font-size: 10px; padding: 12px 14px; }
}
/* Reduced motion preserves every visual and interaction, freezes decorative motion. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js.motion-ready .reveal:not(.is-visible) { opacity: 1; transform: none; }
}

.platform-screen-top > span img { width: 110px; height: auto; }
.platform-screen-top > span b { font-weight: 500; font-size: 9px; }
/* VERSÃO 3 — recursos, suporte e API. Mesmos tokens em toda a página. */
.header-account { display:flex; gap:10px; align-items:center; }
#nav-principal { gap:22px; }
#nav-principal > a:not(.button) { font-size:14px; }
.header-account .button { font-size:14px; }
.hero h1 { font-size:clamp(46px,4.6vw,66px); line-height:1.06; letter-spacing:-.05em; }
.hero-layout { grid-template-columns:1fr 1.05fr; }
.hero-lead { font-size:17px; max-width:490px; }
.hero .eyebrow { font-size:12px; }
.reach-grid span:not([data-count]) { font-size:12px; }
.section-heading.center { max-width:950px; }
.section-heading.center > p { max-width:720px; margin-inline:auto; }
.solution-content p,.payment-card > p { font-size:16px; }
.solution-content .kicker { font-size:12px; }
.solution-recurring .cycle-mini { font-size:16px; }
.solution-art .mini-world { box-shadow:0 0 70px #0066ff36; }
.solution-card:hover { box-shadow:0 18px 48px #0066ff12; }
.payment-card > p { min-height:116px; }
.payment-bottom span { font-size:14px; }
.payment-bottom strong { font-size:17px; }
.receipt-track h3 { font-size:19px; }
.receipt-track p { font-size:14px; }
/* Continentes são projetados no canvas; rotas acompanham a moeda selecionada. */
.global-section { background:radial-gradient(ellipse at 50% 55%,#092355 0%,#060c19 52%,#050a14 85%); }
.global-heading h2 { font-size:clamp(38px,4.3vw,61px); }
.global-experience { grid-template-columns:160px minmax(0,1fr) 185px; margin-top:38px; }
.world-stats span { font-size:14px; }
.globe-halo { inset:12% 10% 15%; background:radial-gradient(circle at 40% 30%,#1051a055,#021025); box-shadow:0 0 85px #0066ff2b; border:1px solid #5c9aff2c; }
#global-globe { z-index:1; }
.world-label { background:#0b1d35f5; backdrop-filter:blur(8px); }
.world-label-source { right:0; top:12%; }
.world-label-brasil { left:3%; bottom:17%; }
.world-label small { font-size:10px; letter-spacing:.04em; }
.world-label div > span { font-size:12px; }
.globe-controls { position:absolute; bottom:0; width:100%; display:flex; justify-content:center; align-items:center; gap:20px; z-index:5; color:#a4bada; font-size:13px; }
.globe-controls button { width:38px;height:38px;border-radius:50%; border:1px solid #5796ed55; background:#0b1a2e; font-size:24px;line-height:1;transition:background .2s; }
.globe-controls button:hover { background:#17437b; }
.world-selector .kicker { font-size:12px; }
.currency-controls button { min-height:52px; }
.currency-controls button span { font-size:14px; }
.currency-description p { font-size:14px; }
.global-foot > p { font-size:13px; }
.flow-chip { font-size:14px; }
/* Abas: cada recurso tem um visual que explica sua função. */
.resources { background:radial-gradient(ellipse at 80% 30%,#0c2343,#070d19 65%); }
.v3-workspace { border-radius:22px; background:#0c1627; box-shadow:0 30px 100px #0004; }
.resource-tabs { background:#0a1220; }
.resource-tabs button { padding:24px 18px; font-size:16px; }
.resource-tabs button[aria-selected=true] { color:white; border-color:#4a9aff; background:#10233c; }
.resource-panel { min-height:540px; gap:58px; padding:54px; }
.resource-copy h3 { font-size:clamp(30px,3vw,41px); }
.resource-copy > p { font-size:17px;line-height:1.75; }
.check-list { font-size:15px; }
.resource-copy .text-link { font-size:15px; }
.payment-engine { border:1px solid #4679bc4a; border-radius:18px; padding:26px; background:linear-gradient(130deg,#101f34,#0b1525); }
.engine-heading { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#94abce; gap:12px; }
.engine-tag { border:1px solid #4a91f542; border-radius:5px; padding:4px 7px; color:#8ec5ff; font-size:12px; }
.engine-input { display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;margin:28px auto 0;max-width:270px;border:1px solid #4869905e;border-radius:10px;background:#17283f;font-size:15px; }
.engine-input .icon { color:#83b7ff; }
.engine-pipe { height:32px;width:1px;background:#448fee; margin:auto;position:relative; }
.engine-pipe::after { content:'';position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:#a4d9ff;animation:flow-down 3s linear infinite; }
.engine-brand { width:210px;margin:auto;padding:25px 28px; border:1px solid #448fff;background:#061323;border-radius:12px;box-shadow:0 0 32px #0066ff25; }
.engine-branches { display:flex;justify-content:space-between;width:73%;margin:26px auto 0;border-top:1px solid #438dee;height:38px;position:relative; }
.engine-branches::before { content:'';position:absolute;height:26px;width:1px;background:#438dee;left:50%;top:-26px; }
.engine-branches span { height:38px;width:1px;background:#438dee; }
.engine-nodes { display:flex;justify-content:space-between;gap:9px; }
.engine-nodes span { display:flex;flex-direction:column;align-items:center;border:1px solid #548bd04d;background:#12263e;border-radius:8px;padding:10px 12px;font-size:12px;flex:1; }
.engine-nodes b { font-weight:500;font-size:19px;color:#99cfff;line-height:1.6; }
.payment-engine > p { font-size:13px;margin-top:24px;text-align:center;color:#8aa4c5; }
.recovery-ticket { border:1px solid #6084b042;border-radius:18px;background:linear-gradient(135deg,#16263e,#101b2c);padding:30px; }
.ticket-top { display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.05em;color:#91b6e7; }
.ticket-alert { display:flex;align-items:center;gap:15px;padding:24px 0;margin-top:22px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17; }
.ticket-alert > span { display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #5995de;background:#1a3558;border-radius:50%;font-size:25px;color:#aad5ff; }
.ticket-alert strong { color:white;font-size:20px;letter-spacing:-.025em; }
.ticket-alert p { margin-top:5px;font-size:14px; }
.ticket-line { display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:14px; }
.ticket-line > span { color:#869dbd; }.ticket-line strong { font-weight:500;text-align:right; }
.ticket-footer { display:flex;align-items:center;gap:10px;margin-top:30px;padding:14px;border-radius:9px;background:#0066ff22;color:#8cbfff;font-size:14px; }
.subscription-card { padding:30px;border:1px solid #6195d755;border-radius:18px;background:radial-gradient(ellipse at top right,#174376,#101b2d 65%); }
.subscription-top { display:flex;gap:14px;align-items:center;font-size:12px;color:#b4d7ff; }.subscription-top .icon { width:40px;height:40px;padding:8px;border:1px solid #77acff5f;border-radius:10px; }
.subscription-card h4 { font-size:27px;margin-block:26px 30px;line-height:1.2; }
.billing-months { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.billing-months button { border:1px solid #6a91c44d;border-radius:8px;padding:13px 5px;background:#ffffff05;color:#a9bbd4;font-size:14px;min-height:46px; }
.billing-months button[aria-pressed=true] { background:#0066ff;color:white;border-color:#479aff;box-shadow:0 0 24px #0066ff26; }
.billing-status { margin-top:24px;min-height:77px; }.billing-status strong { display:block;font-size:19px;font-weight:600;color:#fff; }.billing-status span { display:block;font-size:15px;color:#aec0d9;margin-top:6px; }
.subscription-caption { display:block;font-size:12px;color:#92b4e0;border-top:1px solid #ffffff18;padding-top:20px;margin-top:20px; }
/* Multiadquirência: exemplo de conexões, sem promessa de aprovação. */
.feature-layout { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px; }
.feature-copy .text-link { margin-top:30px; }.feature-note { display:flex;gap:16px;border-top:1px solid var(--border-light);margin-top:28px;padding-top:24px; }.feature-note .icon { flex:none;color:var(--blue); }.feature-note p { font-size:16px; }
.routing-board { border-radius:22px;border:1px solid #d3dff0;background:white;padding:32px;box-shadow:0 24px 80px #0d356610; }
.routing-top { display:flex;justify-content:space-between;align-items:center;gap:10px;color:#075bd6;font-size:12px;letter-spacing:.08em; }
.routing-source { background:#0b1830;color:white;border-radius:12px;padding:20px;margin-top:26px; }.routing-source > div { display:flex;gap:12px;align-items:center; }.routing-source strong { font-weight:500;font-size:17px; }.routing-source > span { display:block;font-size:13px;color:#9bb8dc;margin:5px 0 0 36px; }
.routing-paths { display:grid;gap:10px;position:relative;padding:28px 0 24px 21px; }.routing-paths::before { content:'';position:absolute;width:1px;left:6px;top:0;bottom:49px;background:#b8d1f7; }
.routing-path { display:flex;align-items:center;gap:16px;padding:15px;border-radius:10px;border:1px solid #e2e9f2;background:#f9fbff;position:relative;transition:border-color .3s,background .3s,box-shadow .3s; }
.routing-path::before { content:'';width:15px;height:1px;background:#b8d1f7;position:absolute;left:-15px;top:50%; }
.path-number { display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf3ff;font-size:15px;color:#2b6abf;flex:none; }.routing-path strong { font-size:16px;font-weight:600; }.routing-path p { font-size:13px;margin-top:2px; }.path-check { margin-left:auto;color:#2076ea;opacity:.2; }.routing-path.active { border-color:#71aaff;background:#eff6ff;box-shadow:0 4px 20px #0066ff12; }.routing-path.active .path-check { opacity:1; }.routing-path.active .path-number { background:var(--blue);color:white; }
.routing-bottom { display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e0e8f3;padding-top:20px; }.routing-bottom > span { font-size:13px;color:#61718b; }.routing-bottom > div { display:flex;gap:6px; }.routing-bottom button { width:36px;height:36px;border:1px solid #d7e2f3;border-radius:7px;background:#f5f8ff;color:#4479be;font-size:13px; }.routing-bottom button[aria-pressed=true] { color:white;background:var(--blue);border-color:var(--blue); }
.routing-status { font-size:12px;margin-top:10px;color:#6680a3; }
.recovery-section { padding-top:0; }.recovery-section .feature-layout { border-top:1px solid var(--border-light);padding-top:88px; }
.benefit-list { margin:25px 0 0;padding:0;list-style:none;display:grid;gap:13px;color:#435c7b;font-size:15px; }.benefit-list li { display:flex;gap:12px; }.benefit-list .icon { width:20px;height:20px;flex:none;color:var(--blue);margin-top:2px; }
.v3-recovery { padding:30px;border-radius:22px;border:1px solid #d6e2f3;background:white;box-shadow:0 24px 80px #0d356608; }.v3-recovery .kicker { font-size:12px; }.v3-recovery .recovery-card-top { display:flex;justify-content:space-between;align-items:center;gap:10px; }.recovery-card-top .icon { color:var(--blue); }
.recovery-case { display:flex;gap:15px;align-items:center;border-bottom:1px solid #e1e8f3;margin-top:26px;padding-bottom:24px; }.case-alert { border:1px solid #99bdec;background:#edf5ff;display:grid;place-items:center;border-radius:50%;width:43px;height:43px;flex:none;color:#2471dc;font-size:24px; }.recovery-case strong { font-size:17px;color:#182842; }.recovery-case p { margin-top:4px;font-size:14px; }
.recovery-flow { list-style:none;padding:0;margin:24px 0;display:grid;gap:12px; }.recovery-flow li { display:flex;align-items:center;gap:15px;padding:14px;border:1px solid #e3eaf4;background:#fafcff;border-radius:10px;transition:background .3s,border-color .3s; }.recovery-flow li > span { display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#eaf1ff;color:#6084b7;font-size:13px; }.recovery-flow strong { font-size:15px;color:#20344f;font-weight:600; }.recovery-flow p { margin-top:3px;font-size:13px; }.recovery-flow li.active { background:#edf5ff;border-color:#94c0ff; }.recovery-flow li.active > span { background:var(--blue);color:white; }.recovery-replay { width:100%; }.recovery-note { font-size:12px;line-height:1.6;margin-top:16px;color:#677b98; }
/* Suporte: mosaico claro com uma conversa de produto. */
.support-section { background:#fff; }
.support-grid { display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px; }
.support-tile { border:1px solid #e0e7f0;border-radius:20px;padding:32px;position:relative;background:linear-gradient(140deg,#fff,#fbfcff); }
.support-tile h3 { font-size:24px;line-height:1.25;letter-spacing:-.025em;margin-bottom:15px; }.support-tile > p { font-size:16px;line-height:1.7; }.support-tile .icon-box { margin-bottom:25px; }.support-tile .text-link { margin-top:20px; }.support-wide { grid-column:1 / 3; }.support-human { grid-column:3;grid-row:1 / 3;overflow:hidden;display:flex;flex-direction:column; }
.support-chat { margin-top:30px; border:1px solid #d8e3f4;border-radius:17px;background:#f1f6ff;box-shadow:0 10px 35px #17457a0b;overflow:hidden; }
.chat-header { display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-bottom:1px solid #e3eaf5; }.chat-avatar { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0066ff;color:white;flex:none; }.chat-header strong { display:block;font-size:15px;font-weight:600;color:#17365c; }.chat-header div > span { font-size:12px;color:#6d819e; }
.chat-messages { padding:22px;display:flex;flex-direction:column;gap:14px; }.chat-message { padding:15px 18px;font-size:14px;line-height:1.65;max-width:88%;border-radius:13px; }.chat-message.outgoing { align-self:flex-end;color:white;background:linear-gradient(120deg,#167cff,#0066ff);border-bottom-right-radius:3px; }.chat-message.incoming { align-self:flex-start;color:#254467;background:white;border:1px solid #d9e5f6;border-bottom-left-radius:3px; }.chat-composer { font-size:12px;color:#798da8;text-align:center;border-top:1px solid #dee8f6;padding-top:15px;margin-top:5px; }.support-action { background:transparent;align-self:flex-start; }
/* Integração: duas rotas claras, sem endpoints ou parceiros inventados. */
.v3-api { background:radial-gradient(ellipse at top,#102e52,#070e1b 60%); }
.integration-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }.integration-card { border:1px solid #557aac44;background:linear-gradient(140deg,#101f34,#0b1424);border-radius:22px;padding:36px;display:flex;flex-direction:column;overflow:hidden; }
.integration-card .icon-box { background:#15305b;border:1px solid #6198e34d;color:#82b9ff;margin-bottom:24px; }.integration-card h3 { font-size:29px;letter-spacing:-.035em;line-height:1.2; }.integration-card > p { margin-top:16px;font-size:16px;line-height:1.75;max-width:440px; }
.doc-window { border:1px solid #6895d04f;border-radius:14px;overflow:hidden;margin-top:30px; }.doc-window-top { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;background:#102642;border-bottom:1px solid #719bc934; }.doc-window-top img { width:115px; }.doc-window-top > span { font-size:10px;letter-spacing:.08em;color:#a7c7f0; }.doc-window-body { display:grid;grid-template-columns:120px 1fr;min-height:229px;background:#091529; }.doc-window-nav { display:flex;flex-direction:column;gap:7px;padding:20px 12px;border-right:1px solid #6f98ca21; }.doc-window-nav span { font-size:12px;padding:7px;border-radius:5px;color:#8facd0; }.doc-window-nav .current { background:#16386b;color:#aed7ff; }.doc-window-content { padding:24px; }.doc-window-content .kicker { font-size:10px; }.doc-window-content h4 { font-size:23px;line-height:1.25;margin-top:12px; }.doc-text-line { display:block;height:3px;border-radius:3px;background:#5c7fa337;margin-top:14px;width:95%; }.doc-text-line.short { width:65%;margin-top:7px; }.doc-check { display:flex;gap:8px;align-items:center;margin-top:15px;font-size:11px;color:#9abce6; }.doc-check .icon { width:15px;height:15px; }.integration-card > .button { margin-top:24px;align-self:flex-start; }
.ai-context { margin-top:30px;background:#071529;border:1px solid #5897e059;border-radius:14px;padding:25px; }.ai-context .kicker { font-size:11px; }.ai-context > p { font-size:15px;line-height:1.8;margin-top:16px; }.copy-brief { display:inline-flex;align-items:center;gap:9px;background:#173760;border:1px solid #5b96df50;color:#b5d9ff;border-radius:8px;padding:11px 14px;font-size:14px;margin-top:20px;min-height:44px; }.copy-brief:hover { background:#205195; }.copy-status { display:block;font-size:12px;color:#a0c8ff;min-height:18px;margin-top:9px; }
.ai-labels { display:flex;gap:10px;flex-wrap:wrap;margin-top:24px; }.ai-labels span { display:inline-block;border:1px solid #7695c236;padding:9px 16px;border-radius:8px;color:#c1d4ef;font-size:14px; }.integration-card > .integration-footnote { font-size:12px;color:#89a3c5;margin-top:auto;padding-top:22px; }
.platform-benefits p { font-size:16px; }.platform-benefits h3 { font-size:21px; }.platform-screen figcaption { font-size:13px; }.journey-grid p { font-size:16px; }.journey-grid > li > span { font-size:12px; }.faq-item summary,.faq-item > p { font-size:16px; }.footer-top nav a { font-size:14px; }.footer-top nav > span { font-size:12px; }.footer-bottom { font-size:12px; }
/* Access: filled by the owner's official URLs; missing URLs open an honest status. */
#access-dialog { width:min(480px,calc(100vw - 32px));padding:30px;border:1px solid #4b719e;border-radius:20px;background:#0b172a;color:white;max-height:90dvh;overflow:auto; }
#access-dialog::backdrop { background:#000b;backdrop-filter:blur(5px); }.access-top { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px; }.access-top img { width:170px; }.access-close { width:38px;height:38px;background:#ffffff0d;border:1px solid #ffffff23;border-radius:8px;font-size:25px;color:#b2c9e7; }#access-title { font-size:12px;letter-spacing:.07em;font-weight:400;color:#86a0c4; }#access-dialog h3 { font-size:28px;margin-top:15px;line-height:1.25; }#access-dialog p { margin-block:18px 25px;font-size:16px;line-height:1.7; }
@media (max-width:1100px) {
 #nav-principal { gap:14px; }#nav-principal > a:not(.button) { font-size:13px; }.header-account { gap:7px; }.header-account .button { padding-inline:13px; }
 .hero h1 { font-size:55px; }.hero-lead { font-size:16px; }.feature-layout { gap:48px; }.support-grid { gap:15px; }.support-tile { padding:25px; }.support-tile h3 { font-size:21px; }.resource-panel { gap:35px;padding:40px; }.resource-copy > p { font-size:16px; }.payment-engine { padding:20px; }
 .global-experience { grid-template-columns:135px minmax(0,1fr) 170px; }.world-label-source { right:-10%; }.world-label-brasil { left:-2%; }
 .integration-card { padding:28px; }.doc-window-nav { padding-inline:8px; }.doc-window-body { grid-template-columns:95px 1fr; }.doc-window-content { padding:20px; }
}
@media (max-width:900px) {
 .hero-layout { grid-template-columns:1fr; }.hero h1 { font-size:64px; }.header-account { display:grid;grid-template-columns:1fr 1fr;margin-top:15px; }#nav-principal .header-account .button { margin:0; }.header-account .button { font-size:16px; }
 .global-experience { grid-template-columns:120px minmax(0,1fr); }.world-label-source { right:-3%; }.world-label-brasil { left:3%; }.world-selector { grid-column:1 / -1;width:100%;padding-top:24px; }.globe-controls { bottom:-8px; }.support-grid { grid-template-columns:1fr 1fr; }.support-human { grid-column:2;grid-row:1 / 4; }.support-wide { grid-column:1; }.support-tile > p { font-size:15px; }
 .resource-panel { grid-template-columns:1fr;gap:30px;padding:35px; }.resource-copy { max-width:580px; }.resource-copy h3 { font-size:35px; }.resource-copy > p { max-width:100%; }.payment-engine,.recovery-ticket,.subscription-card { width:100%;max-width:520px;margin:auto; }.resource-tabs button { font-size:14px; }
 .feature-layout { grid-template-columns:1fr 1fr;gap:32px; }.feature-copy h2 { font-size:36px; }.feature-copy .section-description { font-size:16px; }.routing-board,.v3-recovery { padding:23px; }.routing-source strong { font-size:15px; }.routing-source > span { font-size:12px; }.routing-path { gap:10px;padding:12px; }.routing-path p { font-size:12px; }.routing-path strong { font-size:14px; }.routing-bottom { flex-direction:column;align-items:flex-start; }.benefit-list { font-size:14px; }
 .integration-grid { gap:18px; }.integration-card { padding:25px; }.integration-card h3 { font-size:25px; }.integration-card > p { font-size:15px; }.doc-window-body { grid-template-columns:1fr; }.doc-window-nav { display:none; }.doc-window-content { min-height:250px; }.doc-window-top { padding:15px; }.doc-window-top img { width:94px; }.doc-window-top > span { font-size:8px; }.ai-context { padding:20px; }.ai-context > p { font-size:14px; }.ai-labels { gap:7px; }.ai-labels span { padding:7px 10px;font-size:13px; }
}
@media (max-width:620px) {
 .hero .eyebrow { font-size:10px;letter-spacing:.07em; }.hero h1 { font-size:clamp(43px,11.9vw,64px);line-height:1.08; }.hero-lead { font-size:16px;line-height:1.75; }.hero .actions .button { font-size:13px; }.hero-meta { font-size:11px; }.hero-visual { height:310px; }.hero-bottom,.motion-toggle { font-size:11px; }.scroll-cue { max-width:185px; }
 .reach-grid span:not([data-count]) { font-size:11px; }.section-heading.split > p,.section-heading.center > p { font-size:16px;line-height:1.75; }.solution-content p { font-size:16px; }.section-description { font-size:16px; }.small-note { font-size:13px; }
 .global-heading h2 { font-size:36px; }.global-heading > p:last-child { font-size:16px; }.global-experience { display:flex;flex-direction:column;margin-top:28px; }.world-stats { grid-template-columns:1fr 1fr;gap:20px; }.world-stats span { font-size:12px; }.world-stats strong { font-size:42px; }.globe-stage { width:calc(100% + 20px);margin:10px -10px 0;aspect-ratio:1 / 1.13; }#global-globe { height:90%;top:3%; }.globe-halo { inset:15% 8% 23%; }.world-label-source { top:6%;right:0; }.world-label-brasil { bottom:13%;left:0; }.world-label { padding:11px; }.world-label small { font-size:8px; }.world-label strong { font-size:13px; }.world-label div > span { font-size:11px; }.globe-controls { bottom:0;font-size:12px;gap:12px; }.globe-controls button { width:36px;height:36px; }.world-selector { padding-top:25px; }.world-selector .kicker { font-size:11px; }.currency-controls button { font-size:15px; }.currency-controls button span { font-size:12px; }.currency-description p { font-size:14px; }.global-foot > p { font-size:12px; }.flow-chip { font-size:11px;padding:10px 8px; }.global-foot > div { gap:7px; }
 .payment-grid { grid-template-columns:1fr 1fr; }.payment-card { padding:23px 18px; }.payment-card > p { font-size:14px;min-height:120px;line-height:1.65; }.payment-bottom span { font-size:12px; }.payment-bottom strong { font-size:14px; }.receipt-track p { font-size:13px; }.receipt-track h3 { font-size:17px; }
 .resource-tabs button { padding:18px 5px;font-size:12px;gap:8px; }.resource-panel { padding:27px 22px;gap:30px; }.resource-copy h3 { font-size:33px;line-height:1.15; }.resource-copy > p { font-size:16px; }.check-list { font-size:14px; }.resource-copy .text-link { font-size:14px; }.payment-engine { padding:22px 16px; }.engine-heading { font-size:10px; }.engine-tag { font-size:10px; }.engine-input { font-size:14px; }.engine-brand { width:175px;padding:24px; }.engine-nodes span { font-size:11px;padding:10px 5px; }.engine-nodes b { font-size:17px; }.payment-engine > p { font-size:12px; }.recovery-ticket { padding:25px 20px; }.ticket-alert { gap:12px; }.ticket-alert strong { font-size:17px; }.ticket-alert p { font-size:13px; }.ticket-line { font-size:13px;gap:15px; }.subscription-card { padding:26px 22px; }.subscription-card h4 { font-size:25px; }.subscription-top { font-size:11px; }.billing-months button { font-size:13px; }.billing-status span { font-size:14px; }
 .feature-layout { grid-template-columns:1fr;gap:35px; }.feature-copy h2 { font-size:34px;line-height:1.14; }.feature-section .routing-board { order:2; }.routing-board { padding:25px; }.routing-top { font-size:12px; }.routing-source strong { font-size:17px; }.routing-path strong { font-size:16px; }.routing-path p { font-size:13px; }.routing-bottom { flex-direction:row;align-items:center; }.routing-bottom > span { font-size:12px; }.feature-note p,.benefit-list { font-size:15px; }.recovery-section .feature-layout { padding-top:60px; }.v3-recovery { padding:24px; }.v3-recovery .kicker { font-size:10px; }.recovery-flow strong { font-size:14px; }.recovery-flow p { font-size:13px; }.recovery-flow li { padding:14px 10px;gap:11px; }.recovery-note { font-size:12px; }
 .support-grid { grid-template-columns:1fr;gap:16px; }.support-wide,.support-human { grid-column:auto;grid-row:auto; }.support-tile { padding:28px; }.support-tile h3 { font-size:25px; }.support-tile > p { font-size:16px; }.support-tile .icon-box { margin-bottom:20px; }.support-chat { margin-top:25px; }.chat-header { padding:17px; }.chat-messages { padding:19px; }.chat-message { font-size:14px;padding:14px;max-width:94%; }
 .integration-grid { grid-template-columns:1fr;gap:20px; }.integration-card { padding:28px 24px; }.integration-card h3 { font-size:28px; }.integration-card > p { font-size:16px; }.doc-window-body { grid-template-columns:85px 1fr; }.doc-window-nav { display:flex;padding:14px 5px; }.doc-window-nav span { font-size:10px;padding:7px 5px; }.doc-window-top img { width:100px; }.doc-window-top > span { font-size:8px; }.doc-window-content { padding:22px 15px;min-height:230px; }.doc-window-content h4 { font-size:22px; }.doc-window-content .kicker { font-size:9px; }.doc-check { font-size:10px;gap:6px; }.ai-context { padding:22px; }.ai-context > p { font-size:15px; }.ai-labels span { font-size:14px;padding:8px 13px; }.integration-card > .integration-footnote { font-size:13px; }
 .platform-benefits p,.journey-grid p,.faq-item summary,.faq-item > p { font-size:16px; }.platform-screen figcaption { font-size:12px; }.platform-screen-top > span b { display:none; }.platform-screen-top > span img { width:90px; }.zoom-panel { font-size:12px; }.platform-benefits h3 { font-size:21px; }.footer-top nav a { font-size:14px; }.footer-top nav > span { font-size:11px; }.footer-about > p { font-size:15px; }.footer-bottom { font-size:12px; }.final-cta .eyebrow { font-size:10px; }.final-cta p:not(.eyebrow) { font-size:16px; }.final-cta h2 { font-size:38px; }
}
@media (max-width:380px) { .resource-tabs button { font-size:11px; }.engine-input { font-size:13px; }.routing-bottom { gap:8px; }.routing-bottom > span { max-width:120px; }.payment-grid { grid-template-columns:1fr; }.payment-card > p { min-height:0; }.payment-card h3 { font-size:24px; }.payment-card > p { font-size:16px; }.payment-bottom { flex-direction:row;justify-content:space-between;align-items:center; }.payment-bottom span { font-size:13px; }.payment-bottom strong { font-size:15px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; }html { scroll-behavior:auto; } }