:root {
  --ink: #070908;
  --panel: #0c0f0d;
  --panel-2: #111512;
  --line: rgba(255, 255, 255, .1);
  --muted: #8f968f;
  --white: #f2f5ef;
  --acid: #b8ff3d;
  --acid-soft: #d6ff8c;
  --purple: #9879ff;
  --orange: #ff9b5c;
  --font-sans: "Manrope", sans-serif;
  --font-mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--white); background: var(--ink); font-family: var(--font-sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
svg { display: block; }

.noise { position: fixed; inset: 0; z-index: 99; opacity: .035; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; width: 420px; height: 420px; z-index: 0; pointer-events: none; border-radius: 50%; background: rgba(184, 255, 61, .035); filter: blur(20px); transform: translate(-50%, -50%); }

.site-header { height: 88px; padding: 0 4.5vw; display: flex; align-items: center; justify-content: space-between; position: absolute; inset: 0 0 auto; z-index: 20; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 17px; font-weight: 700; letter-spacing: -.04em; }
.brand > span:last-child > span { color: var(--acid); }
.brand-mark { width: 35px; height: 35px; display: grid; place-items: center; }
.brand-mark svg { width: 100%; height: 100%; }
.brand-mark path:first-child { fill: var(--acid); stroke: none; }
.brand-mark path:last-child { fill: none; stroke: #080a08; stroke-width: 2.2; stroke-linecap: round; }
.desktop-nav { display: flex; align-items: center; gap: 38px; font-family: var(--font-mono); color: #a8aea8; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.desktop-nav a { transition: color .25s; }
.desktop-nav a:hover { color: var(--acid); }
.header-cta { padding: 12px 18px; border: 1px solid rgba(255,255,255,.25); display: flex; align-items: center; gap: 18px; font-size: 12px; text-transform: uppercase; font-family: var(--font-mono); transition: .25s; }
.header-cta:hover { border-color: var(--acid); background: var(--acid); color: #080a08; }
.header-cta svg, .button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.menu-toggle { display: none; width: 42px; height: 42px; background: none; border: 1px solid var(--line); padding: 12px; }
.menu-toggle span { display: block; height: 1px; background: white; margin: 5px 0; transition: .3s; }

.hero { min-height: 920px; height: 100vh; max-height: 1080px; padding: 150px 4.5vw 70px; position: relative; display: grid; grid-template-columns: 52% 48%; overflow: hidden; isolation: isolate; }
.hero-grid, .cta-grid { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, #000 20%, transparent 93%); }
.hero::before { content: ""; width: 800px; height: 800px; border-radius: 50%; background: rgba(184,255,61,.055); filter: blur(110px); position: absolute; right: -180px; top: 50px; z-index: -1; }
.hero-copy { align-self: center; position: relative; z-index: 3; padding-bottom: 25px; }
.eyebrow, .section-index { color: #b0b6af; font-family: var(--font-mono); font-size: 10px; line-height: 1; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 28px; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 18px var(--acid); animation: blink 2s infinite; }
@keyframes blink { 50% { opacity: .35; } }
h1, h2 { margin: 0; font-size: clamp(58px, 7.25vw, 112px); line-height: .9; letter-spacing: -.075em; font-weight: 500; }
h1 em, h2 em { color: var(--acid); font-style: normal; }
.hero-description { max-width: 520px; color: #a4aaa4; font-size: clamp(16px, 1.35vw, 20px); line-height: 1.65; margin: 35px 0 32px; }
.hero-actions { display: flex; align-items: center; gap: 32px; }
.button { min-height: 56px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 45px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; transition: transform .25s, box-shadow .25s; }
.button:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(184,255,61,.15); }
.button-primary { background: var(--acid); color: #090b09; }
.text-link { padding: 12px 0; font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #626762; }
.text-link span { color: var(--acid); margin-left: 12px; }
.hero-proof { display: flex; align-items: center; gap: 18px; margin-top: 58px; }
.avatars { display: flex; }
.avatars i { width: 33px; height: 33px; margin-left: -8px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--ink); background: #232923; font-family: var(--font-mono); font-style: normal; font-size: 8px; }
.avatars i:first-child { margin-left: 0; background: var(--acid); color: #111; }
.avatars i:last-child { color: var(--acid); }
.hero-proof p { margin: 0; color: #747b74; font-size: 10px; line-height: 1.5; }
.hero-proof strong { color: #c2c7c1; font-weight: 500; }

.hero-visual { position: relative; min-width: 0; height: 100%; z-index: 2; }
#network-canvas { position: absolute; width: 130%; height: 115%; left: -15%; top: -8%; }
.orbit { position: absolute; pointer-events: none; border: 1px solid rgba(184,255,61,.13); border-radius: 50%; left: 50%; top: 48%; transform: translate(-50%,-50%) rotateX(68deg) rotateZ(-15deg); }
.orbit-one { width: 85%; aspect-ratio: 1; }
.orbit-two { width: 64%; aspect-ratio: 1; transform: translate(-50%,-50%) rotateY(65deg) rotateZ(35deg); }
.glass-card { background: rgba(13,17,14,.72); border: 1px solid rgba(255,255,255,.13); backdrop-filter: blur(16px); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.transaction-card { position: absolute; z-index: 3; display: flex; align-items: center; }
.transaction-card small, .floating-metric small { display: block; color: #7f877f; font: 8px var(--font-mono); letter-spacing: .06em; margin-bottom: 5px; }
.transaction-card strong { font-size: 14px; font-weight: 600; }
.card-approved { left: 4%; top: 23%; padding: 15px 17px; gap: 12px; min-width: 220px; }
.status-dot { width: 9px; height: 9px; background: var(--acid); border-radius: 50%; box-shadow: 0 0 14px var(--acid); }
.mini-code { color: var(--acid); font: 9px var(--font-mono); margin-left: auto; padding-left: 20px; }
.card-speed { right: -1%; bottom: 21%; padding: 12px 17px 12px 12px; gap: 12px; }
.speed-ring { width: 47px; height: 47px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--acid) 82%, #283027 0); position: relative; }
.speed-ring::before { content: ""; position: absolute; inset: 3px; background: #101410; border-radius: 50%; }
.speed-ring span { position: relative; font: 11px var(--font-mono); }
.speed-ring small { display: inline; font-size: 7px; }
.visual-label { position: absolute; z-index: 3; font: 8px var(--font-mono); letter-spacing: .08em; color: #aab1aa; }
.label-api { top: 21%; right: 5%; }
.label-api i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--acid); margin-right: 5px; box-shadow: 0 0 10px var(--acid); }
.label-pix { left: 15%; bottom: 23%; padding: 9px 12px; border: 1px solid var(--line); }
.label-pix strong { color: var(--acid); padding-left: 12px; }
.scroll-indicator { position: absolute; bottom: 35px; left: 4.5vw; display: flex; align-items: center; gap: 10px; color: #626762; font: 8px var(--font-mono); letter-spacing: .12em; }
.scroll-indicator span { width: 32px; height: 1px; background: var(--acid); }

.signal-strip { height: 54px; background: var(--acid); color: #0a0c0a; overflow: hidden; display: flex; align-items: center; transform: rotate(-.7deg) scale(1.01); position: relative; z-index: 4; }
.signal-track { display: flex; flex-shrink: 0; width: max-content; animation: marquee 28s linear infinite; }
.signal-track span { font: 500 10px var(--font-mono); letter-spacing: .1em; white-space: nowrap; padding-right: 48px; }
.signal-track i { font-style: normal; padding-left: 48px; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section { padding: 145px 6vw; position: relative; }
.platform { background: #090b0a; }
.section-heading { display: grid; grid-template-columns: 1.4fr .6fr; gap: 10vw; align-items: end; margin-bottom: 75px; }
.section-heading .section-index, .checkout-copy .section-index, .tech-intro .section-index { display: block; margin-bottom: 28px; }
.section-heading h2, .checkout h2, .technology h2, .final-cta h2 { font-size: clamp(48px, 5.6vw, 86px); }
.section-heading > p { color: #919891; line-height: 1.75; font-size: 15px; max-width: 430px; margin: 0 0 5px; }
.bento-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: 430px 430px; gap: 16px; }
.bento-card { min-width: 0; background: var(--panel); border: 1px solid var(--line); padding: 26px; position: relative; overflow: hidden; }
.bento-wide { grid-column: 1; }
.card-topline { display: flex; justify-content: space-between; color: #8c938c; font: 9px var(--font-mono); letter-spacing: .08em; }
.live-badge { padding: 5px 8px; margin-top: -5px; border: 1px solid rgba(184,255,61,.2); color: var(--acid); }
.live-badge i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--acid); margin-right: 5px; }
.conversion-content { height: 100%; display: grid; grid-template-columns: 38% 62%; align-items: end; }
.conversion-content > div:first-child { padding: 0 0 30px 12px; position: relative; z-index: 2; }
.conversion-content strong { font-size: clamp(64px, 7vw, 110px); font-weight: 500; letter-spacing: -.08em; line-height: 1; }
.conversion-content strong span { color: var(--acid); font-size: .45em; }
.conversion-content p { color: #7f877f; font-size: 12px; line-height: 1.55; max-width: 210px; }
.chart { align-self: stretch; position: relative; display: flex; align-items: center; }
.chart svg { width: 100%; height: 60%; overflow: visible; }
.chart-area { fill: url(#chartFill); }
.chart-line { fill: none; stroke: var(--acid); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(184,255,61,.5)); }
.chart-point { position: absolute; right: 1%; top: 27%; width: 9px; height: 9px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 16px var(--acid); }
.chart-point span { position: absolute; right: 0; bottom: 18px; color: var(--acid); font: 9px var(--font-mono); }
.card-methods { background: radial-gradient(circle at 80% 20%, rgba(184,255,61,.07), transparent 40%), var(--panel); }
.method-stack { margin-top: 65px; display: grid; gap: 10px; perspective: 800px; }
.method-row { padding: 17px; display: flex; gap: 15px; align-items: center; border: 1px solid var(--line); background: #101410; transform: rotateY(-3deg); }
.method-row:nth-child(2) { margin-left: 18px; }
.method-row:nth-child(3) { margin-left: 36px; }
.method-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #303630; color: #aeb5ad; }
.method-row div { display: flex; flex-direction: column; }
.method-row small { color: #727a72; font: 7px var(--font-mono); }
.method-row strong { margin-top: 3px; font-size: 13px; }
.method-row i { margin-left: auto; color: #7b837b; font: normal 7px var(--font-mono); }
.pix-row { border-color: rgba(184,255,61,.25); box-shadow: -20px 0 60px rgba(184,255,61,.035); }
.pix-row .method-icon, .pix-row i { color: var(--acid); }
.card-security { background: radial-gradient(circle at 50% 25%, rgba(184,255,61,.1), transparent 44%), #0b0e0c; }
.radar { width: 230px; height: 230px; position: absolute; top: -48px; right: -15px; border: 1px solid rgba(184,255,61,.16); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 38px, rgba(184,255,61,.1) 39px 40px); }
.radar::before, .radar::after { content: ""; position: absolute; background: rgba(184,255,61,.1); }
.radar::before { width: 100%; height: 1px; top: 50%; }
.radar::after { width: 1px; height: 100%; left: 50%; }
.radar span { position: absolute; inset: 50% 50% 0; transform-origin: 0 0; width: 50%; background: conic-gradient(from 270deg, rgba(184,255,61,.25), transparent 28deg); animation: scan 4s linear infinite; }
.radar i, .radar b { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 12px var(--acid); }
.radar i { top: 42%; left: 28%; }.radar b { top: 68%; left: 69%; }
@keyframes scan { to { transform: rotate(360deg); } }
.card-bottom-copy { position: absolute; bottom: 35px; left: 35px; max-width: 340px; }
.card-bottom-copy > span { color: var(--acid); font: 8px var(--font-mono); }
.card-bottom-copy h3 { margin: 13px 0 8px; font-size: 27px; font-weight: 500; letter-spacing: -.04em; }
.card-bottom-copy p { margin: 0; color: #7d857d; font-size: 12px; }
.card-api { background: #0d100e; }
.code-window { margin-top: 45px; height: 290px; background: #080a09; border: 1px solid #242924; }
.window-bar { height: 42px; display: flex; align-items: center; padding: 0 14px; gap: 6px; border-bottom: 1px solid #202420; }
.window-bar i { width: 6px; height: 6px; background: #384038; border-radius: 50%; }
.window-bar span { margin-left: 10px; color: #626a62; font: 8px var(--font-mono); }
.code-window pre { color: #d1d8d0; font: 12px/2 var(--font-mono); padding: 23px; margin: 0; }
.code-purple { color: var(--purple); }.code-green { color: var(--acid); }.code-orange { color: var(--orange); }.code-yellow { color: #e4d76f; }
.code-response { position: absolute; bottom: 45px; left: 50px; right: 50px; display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(184,255,61,.14); background: rgba(184,255,61,.04); font: 8px var(--font-mono); color: var(--acid); }
.code-response i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); }.code-response strong { margin-left: auto; font-weight: 400; }

.checkout { min-height: 920px; display: grid; grid-template-columns: 43% 57%; align-items: center; padding-top: 100px; padding-bottom: 100px; overflow: hidden; }
.checkout::before { content: ""; position: absolute; inset: 0 0 0 50%; background: linear-gradient(135deg, rgba(184,255,61,.035), transparent 50%); border-left: 1px solid var(--line); }
.checkout-copy { max-width: 550px; position: relative; z-index: 2; }
.checkout-copy > p { margin: 32px 0 42px; max-width: 450px; color: #8d958d; line-height: 1.7; }
.checkout-copy ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.checkout-copy li { display: flex; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 12px; color: #afb5af; }
.checkout-copy li span { color: var(--acid); font: 9px var(--font-mono); }
.checkout-stage { height: 720px; position: relative; display: grid; place-items: center; }
.stage-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(184,255,61,.11); filter: blur(90px); }
.phone-shell { width: 340px; height: 680px; position: relative; z-index: 2; border: 7px solid #2a302b; border-radius: 46px; background: #f1f3ef; color: #121512; box-shadow: 0 35px 100px rgba(0,0,0,.55), inset 0 0 0 1px #686e69; overflow: hidden; transform: rotate(2deg); }
.phone-shell::before { content: ""; width: 100px; height: 24px; border-radius: 0 0 15px 15px; background: #202420; position: absolute; top: 0; left: calc(50% - 50px); z-index: 3; }
.phone-top { height: 43px; padding: 14px 23px 0; display: flex; justify-content: space-between; font-size: 9px; font-weight: 700; }
.checkout-ui { padding: 18px 20px; }
.merchant { display: flex; align-items: center; gap: 10px; }
.merchant-logo { width: 38px; height: 38px; display: grid; place-items: center; background: #101410; color: var(--acid); font-weight: 700; }
.merchant div { display: flex; flex-direction: column; }.merchant small, .order-value small, .ui-label { color: #798078; font: 7px var(--font-mono); letter-spacing: .06em; }.merchant strong { font-size: 12px; }.merchant b { margin-left: auto; }
.order-value { text-align: center; padding: 32px 0 27px; border-bottom: 1px solid #d6dad5; display: flex; flex-direction: column; }
.order-value strong { font-size: 32px; letter-spacing: -.05em; margin: 6px 0 2px; }.order-value span { font-size: 8px; color: #899088; }
.ui-label { margin: 24px 0 11px; }
.pay-option { display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 9px; border: 1px solid #d9ddd8; }
.pay-option.selected { border: 1.5px solid #80b926; background: #f7ffeb; }.pay-option > span { width: 31px; height: 31px; display: grid; place-items: center; background: #e4e9e2; }.pay-option.selected > span { background: var(--acid); }
.pay-option div { display: flex; flex-direction: column; }.pay-option strong { font-size: 11px; }.pay-option small { color: #858b84; font-size: 8px; margin-top: 2px; }.pay-option i { margin-left: auto; font-style: normal; }.pay-option.selected i { width: 18px; height: 18px; border-radius: 50%; background: #101410; color: var(--acid); display: grid; place-items: center; font-size: 9px; }
.checkout-ui button { width: 100%; border: 0; margin-top: 10px; padding: 17px; color: #101310; background: var(--acid); text-align: left; font: 600 10px var(--font-sans); }.checkout-ui button span { float: right; }
.secure-note { text-align: center; color: #929891; font: 6px var(--font-mono); padding-top: 13px; }.secure-note strong { color: #50564f; }
.floating-metric { position: absolute; z-index: 3; padding: 16px; }
.floating-metric strong { font-size: 22px; }.floating-metric span { display: block; color: var(--acid); font: 8px var(--font-mono); margin-top: 4px; }
.metric-left { left: 4%; bottom: 23%; }.metric-right { right: 0; top: 27%; display: flex; align-items: center; gap: 11px; }.metric-right > i { width: 30px; height: 30px; display: grid; place-items: center; background: var(--acid); color: #111; font-style: normal; border-radius: 50%; }.metric-right strong { font-size: 13px; }

.technology { min-height: 810px; background: #0b0e0c; display: grid; grid-template-columns: 36% 46% 18%; align-items: center; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.tech-intro { position: relative; z-index: 2; }
.tech-network { height: 550px; position: relative; }
.network-core { width: 190px; height: 190px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(184,255,61,.25); display: grid; place-items: center; background: radial-gradient(circle, rgba(184,255,61,.12), #0a0d0b 68%); box-shadow: 0 0 80px rgba(184,255,61,.08); }
.network-core::before, .network-core::after { content: ""; position: absolute; border: 1px solid rgba(184,255,61,.12); border-radius: 50%; }.network-core::before { inset: -35px; }.network-core::after { inset: -78px; }
.network-core b { font-size: 40px; color: var(--acid); }.network-core small { position: absolute; top: 65%; text-align: center; color: #7c847c; font: 7px/1.5 var(--font-mono); }
.core-pulse { position: absolute; inset: -1px; border-radius: 50%; border: 1px solid var(--acid); animation: pulse 2.5s ease-out infinite; }
@keyframes pulse { to { transform: scale(1.55); opacity: 0; } }
.network-node { position: absolute; min-width: 105px; padding: 12px 14px; border: 1px solid var(--line); background: #111512; display: flex; justify-content: space-between; color: #b3bab3; font: 8px var(--font-mono); z-index: 2; }.network-node i { color: var(--acid); font-style: normal; margin-left: 20px; }
.node-source { left: -5%; top: 45%; }.node-pix { right: -4%; top: 27%; }.node-card { right: -8%; bottom: 27%; }
.network-line { height: 1px; background: linear-gradient(90deg, transparent, rgba(184,255,61,.5), transparent); position: absolute; transform-origin: left; }.line-one { width: 74%; top: 48%; left: 5%; transform: rotate(-16deg); }.line-two { width: 75%; top: 50%; left: 5%; transform: rotate(16deg); }
.packet { position: absolute; z-index: 3; color: var(--acid); font: 8px var(--font-mono); letter-spacing: 2px; animation: packet 3s linear infinite; }.packet-one { top: 38%; left: 30%; }.packet-two { top: 61%; left: 64%; animation-delay: -1.5s; }
@keyframes packet { 50% { opacity: .2; transform: translateX(30px); } }
.tech-stat { align-self: end; padding-bottom: 30px; }.tech-stat strong { font-size: 51px; font-weight: 500; letter-spacing: -.07em; }.tech-stat strong span { font-size: .45em; color: var(--acid); }.tech-stat p { color: #777f77; font-size: 11px; line-height: 1.5; max-width: 180px; }

.final-cta { min-height: 680px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; isolation: isolate; }
.final-cta .section-index { margin-bottom: 27px; }.final-cta p { color: #8f968f; margin: 28px 0 32px; }.final-cta .button { position: relative; z-index: 2; }
.cta-grid { mask-image: radial-gradient(circle at center, #000, transparent 62%); }
.cta-orb { position: absolute; width: 720px; height: 720px; border-radius: 50%; border: 1px solid rgba(184,255,61,.12); z-index: -1; bottom: -580px; box-shadow: 0 -60px 180px rgba(184,255,61,.15), inset 0 25px 100px rgba(184,255,61,.05); }

footer { min-height: 180px; padding: 50px 5vw 32px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: start; gap: 25px; border-top: 1px solid var(--line); color: #7c837c; }
footer p { margin: 9px 0; text-align: center; font-size: 11px; }footer > div { display: flex; justify-content: flex-end; gap: 25px; font: 8px var(--font-mono); text-transform: uppercase; }footer small { grid-column: 1/-1; padding-top: 25px; border-top: 1px solid var(--line); font: 7px var(--font-mono); }
.mobile-menu { display: none; }

@media (max-width: 1050px) {
  .hero { grid-template-columns: 57% 43%; }.card-approved { left: -10%; }.section { padding-left: 4.5vw; padding-right: 4.5vw; }.technology { grid-template-columns: 38% 50% 12%; }.tech-stat { display: none; }.metric-right { right: -4%; }
}

@media (max-width: 760px) {
  .cursor-glow, .desktop-nav, .header-cta { display: none; }.site-header { height: 70px; padding: 0 20px; position: absolute; }.menu-toggle { display: block; }
  .menu-toggle.active span:first-child { transform: translateY(3px) rotate(45deg); }.menu-toggle.active span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .mobile-menu { position: fixed; inset: 70px 0 0; z-index: 19; background: rgba(7,9,8,.97); backdrop-filter: blur(15px); padding: 45px 25px; flex-direction: column; gap: 0; }.mobile-menu.open { display: flex; }.mobile-menu a { padding: 20px 0; border-bottom: 1px solid var(--line); font-size: 25px; letter-spacing: -.04em; }
  .hero { min-height: 840px; height: auto; max-height: none; grid-template-columns: minmax(0, 1fr); padding: 125px 20px 60px; }.hero-copy { align-self: start; min-width: 0; }.hero h1 { font-size: clamp(49px, 13.5vw, 60px); }.hero-description { max-width: 100%; font-size: 15px; margin-top: 25px; }.hero-actions { gap: 20px; }.button { padding: 0 18px; gap: 25px; }.hero-proof { margin-top: 35px; }.hero-visual { height: 400px; margin: -10px -20px 0; }.card-approved { left: 3%; top: 13%; transform: scale(.85); transform-origin: left; }.card-speed { right: 1%; bottom: 10%; transform: scale(.82); transform-origin: right; }.label-pix { left: 10%; bottom: 10%; }.label-api { right: 7%; top: 12%; }.scroll-indicator { display: none; }
  .signal-strip { height: 46px; }.section { padding: 95px 20px; }.section-heading { grid-template-columns: 1fr; gap: 25px; margin-bottom: 45px; }.section-heading h2, .checkout h2, .technology h2, .final-cta h2 { font-size: 50px; }.section-heading > p { font-size: 13px; }
  .bento-grid { display: flex; flex-direction: column; }.bento-card { min-height: 380px; }.conversion-content { display: block; }.conversion-content > div:first-child { padding-top: 50px; }.chart { position: absolute; inset: 140px 0 0 38%; }.card-api { min-height: 390px; }.code-window pre { font-size: 10px; padding: 18px 14px; }.code-response { left: 35px; right: 35px; }
  .checkout { display: block; padding-top: 95px; }.checkout::before { inset: 47% 0 0; border-left: 0; border-top: 1px solid var(--line); }.checkout-copy > p { font-size: 14px; }.checkout-stage { height: 750px; margin: 20px -20px -60px; transform: scale(.9); }.metric-left { left: -2%; }.metric-right { right: -6%; }
  .technology { display: block; min-height: 970px; }.tech-network { margin-top: 50px; height: 520px; transform: scale(.88); }.node-source { left: 0; }.node-pix, .node-card { right: 0; }
  .final-cta { min-height: 610px; padding-left: 18px; padding-right: 18px; }.final-cta h2 { font-size: 47px; }.final-cta p { font-size: 13px; }
  footer { grid-template-columns: 1fr; text-align: left; padding: 45px 20px 25px; }footer p { text-align: left; }footer > div { justify-content: flex-start; }footer small { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}