:root {
  color-scheme: dark;
  --bg: #05070c;
  --bg-2: #080b12;
  --panel: #0d121c;
  --panel-2: #111826;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.17);
  --text: #f7f9ff;
  --muted: #8d97aa;
  --blue: #377dff;
  --blue-2: #77a8ff;
  --cyan: #4ee6ff;
  --violet: #815cff;
  --green: #48e6a3;
  --amber: #ffd36c;
  --red: #ff6687;
  --radius: 24px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
.shell { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }
.noise { position: fixed; z-index: 999; inset: 0; pointer-events: none; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid var(--line); background: rgba(5,7,12,.78); backdrop-filter: blur(22px) saturate(150%); }
.nav-shell { display: flex; height: 82px; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 16px; font-weight: 900; letter-spacing: .22em; }
.brand em { margin-left: -3px; color: #4f5b6e; font-size: 8px; font-style: normal; letter-spacing: .18em; }
.brand-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(112,174,255,.85); border-radius: 13px 5px 13px 5px; background: linear-gradient(145deg,#5ba1ff,#2857d7 58%,#6739be); box-shadow: 0 0 34px rgba(55,125,255,.3), inset 0 1px rgba(255,255,255,.32); color: #fff; font-size: 14px; font-weight: 950; letter-spacing: 0; transform: rotate(-2deg); }
.brand-icon.small { width: 32px; height: 32px; border-radius: 10px 4px 10px 4px; font-size: 11px; }
.main-nav { display: flex; align-items: center; gap: 31px; color: #939bad; font-size: 13px; }
.main-nav a { position: relative; transition: color .2s ease; }
.main-nav a::after { position: absolute; right: 0; bottom: -9px; left: 0; height: 1px; background: linear-gradient(90deg,transparent,var(--cyan),transparent); content: ""; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.main-nav a:hover { color: #fff; }
.main-nav a:hover::after { opacity: 1; transform: scaleX(1); }
.mobile-account-link { display: none; }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.nav-login { color: #b5bece; font-size: 13px; font-weight: 760; }
.menu-toggle { display: none; border: 1px solid var(--line); border-radius: 10px; background: transparent; padding: 9px 12px; }

.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 11px; border: 1px solid rgba(105,160,255,.7); border-radius: 13px 5px 13px 5px; background: linear-gradient(135deg,#4286ff,#2865e5 62%,#643dd2); box-shadow: 0 18px 50px rgba(48,112,255,.22), inset 0 1px rgba(255,255,255,.22); color: #fff; font-size: 13px; font-weight: 850; padding: 0 22px; transition: transform .2s ease, filter .2s ease, border-color .2s ease; }
.button:hover { filter: brightness(1.1); transform: translateY(-2px); }
.button span { font-size: 16px; }
.button-small { min-height: 42px; padding-inline: 18px; }
.button-large { min-height: 58px; padding-inline: 28px; font-size: 14px; }
.button-ghost { border-color: var(--line-strong); border-radius: 13px; background: rgba(255,255,255,.035); box-shadow: none; color: #dbe2ef; }
.button-ghost:hover { border-color: rgba(104,166,255,.38); background: rgba(255,255,255,.07); }
.button-block { width: 100%; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #78a6ff; font-size: 10px; font-weight: 900; letter-spacing: .24em; }
.eyebrow::before { width: 18px; height: 1px; background: var(--cyan); box-shadow: 0 0 9px var(--cyan); content: ""; }

.hero { position: relative; min-height: 790px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 28%,rgba(61,112,255,.14),transparent 30rem),radial-gradient(circle at 14% 35%,rgba(78,230,255,.04),transparent 24rem),linear-gradient(180deg,#060810,var(--bg)); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom,#000 0%,#000 72%,transparent 98%); }
.hero-orbit { position: absolute; border: 1px solid rgba(91,146,255,.1); border-radius: 50%; }
.orbit-one { top: -430px; right: -200px; width: 920px; height: 920px; }
.orbit-two { top: -265px; right: -80px; width: 640px; height: 640px; border-color: rgba(78,230,255,.08); }
.hero-layout { position: relative; display: grid; min-height: 708px; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 76px; padding-block: 84px; }
.hero-copy { position: relative; z-index: 2; }
.hero-status { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 30px; border: 1px solid rgba(72,230,163,.18); border-radius: 999px; background: rgba(72,230,163,.055); color: #b9f5d8; padding: 8px 12px; }
.hero-status b { font-size: 9px; letter-spacing: .15em; }
.hero-status small { border-left: 1px solid rgba(255,255,255,.13); color: #6f7889; font: 9px ui-monospace,monospace; padding-left: 10px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 13px var(--green); }
.hero h1 { max-width: 660px; margin: 0; font-size: clamp(58px,7vw,96px); font-weight: 790; letter-spacing: -.072em; line-height: .88; }
.hero h1 strong { display: block; margin-top: 10px; background: linear-gradient(100deg,#83b4ff 5%,#3f82ff 44%,#906aff 90%); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: inherit; }
.hero-copy > p { max-width: 560px; margin: 30px 0 0; color: #9ba5b7; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-actions .button-ghost i { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--cyan); font-size: 7px; font-style: normal; }
.hero-proof { display: flex; gap: 0; margin-top: 42px; border-top: 1px solid var(--line); padding-top: 24px; }
.hero-proof > div { display: flex; align-items: center; gap: 10px; min-width: 135px; border-right: 1px solid var(--line); margin-right: 18px; padding-right: 18px; }
.hero-proof > div:last-child { border: 0; margin: 0; padding: 0; }
.hero-proof b { color: #e8efff; font: 800 12px ui-monospace,monospace; }
.hero-proof span { color: #6f788a; font-size: 9px; font-weight: 760; letter-spacing: .07em; line-height: 1.45; text-transform: uppercase; }

.showcase { position: relative; z-index: 1; perspective: 1200px; }
.showcase-aura { position: absolute; inset: 8% 1% -10%; border-radius: 45%; background: linear-gradient(120deg,rgba(56,124,255,.22),rgba(126,74,255,.1),rgba(78,230,255,.08)); filter: blur(70px); }
.showcase-label { display: flex; align-items: center; justify-content: space-between; margin: 0 14px 12px; color: #566174; font: 9px ui-monospace,monospace; letter-spacing: .18em; }
.showcase-label b { color: #7b8ca7; }
.product-window { position: relative; overflow: hidden; border: 1px solid rgba(137,169,225,.22); border-radius: 4px 24px 4px 24px; background: #090d15; box-shadow: 0 50px 120px rgba(0,0,0,.68),0 0 110px rgba(40,97,221,.13); transform: rotateY(-3deg) rotateX(1deg); }
.product-window::before { position: absolute; z-index: 4; top: 0; left: 0; width: 70px; height: 3px; background: linear-gradient(90deg,var(--cyan),var(--blue)); box-shadow: 0 0 18px var(--blue); content: ""; }
.product-window img { width: 100%; aspect-ratio: 16/9; object-fit: cover; filter: saturate(.92) contrast(1.04); }
.screen-vignette { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,5,10,.06),rgba(2,5,10,.12) 54%,rgba(2,5,10,.88)); }
.screen-caption { position: absolute; right: 22px; bottom: 18px; left: 22px; display: flex; align-items: end; justify-content: space-between; }
.screen-caption span { display: inline-flex; align-items: center; gap: 8px; color: #95a2b8; font: 8px ui-monospace,monospace; letter-spacing: .12em; }
.screen-caption span i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.screen-caption b { font-size: 12px; letter-spacing: .16em; }
.float-card { position: absolute; z-index: 5; display: flex; min-width: 200px; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px 4px 15px 4px; background: rgba(9,13,22,.9); box-shadow: 0 22px 55px rgba(0,0,0,.52); padding: 12px; backdrop-filter: blur(18px); }
.float-card b,.float-card small { display: block; }
.float-card b { font-size: 12px; }
.float-card small { margin-top: 3px; color: #677185; font-size: 10px; }
.float-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(89,144,255,.2); border-radius: 11px 4px 11px 4px; background: rgba(55,125,255,.12); color: var(--blue-2); font-style: normal; font-weight: 900; }
.float-icon.success { border-color: rgba(72,230,163,.18); background: rgba(72,230,163,.09); color: var(--green); }
.float-online { top: 34px; right: -28px; }
.float-license { bottom: -25px; left: -29px; }
.showcase-index { position: absolute; right: -18px; bottom: -38px; color: rgba(255,255,255,.12); font: 8px ui-monospace,monospace; letter-spacing: .18em; writing-mode: vertical-rl; }

.signal-bar { overflow: hidden; border-bottom: 1px solid var(--line); background: #090c13; }
.signal-bar > div { display: flex; width: max-content; min-width: 100%; align-items: center; justify-content: space-around; gap: 42px; min-height: 54px; color: #687286; font: 800 9px ui-monospace,monospace; letter-spacing: .17em; padding-inline: 28px; }
.signal-bar i { color: #365c9f; font-size: 7px; font-style: normal; }

.section { position: relative; padding-block: 118px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 48px; }
.section-heading h2,.payments-copy h2,.control-copy h2,.faq-layout h2,.final-cta h2 { margin: 16px 0 0; font-size: clamp(39px,5.3vw,66px); font-weight: 720; letter-spacing: -.055em; line-height: 1; }
.section-heading h2 strong,.payments-copy h2 strong,.control-copy h2 strong,.faq-layout h2 strong,.final-cta h2 strong { color: #82aefc; font-weight: inherit; }
.section-heading > p { max-width: 445px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.experience { background: radial-gradient(circle at 50% 0,rgba(55,125,255,.07),transparent 35rem); }
.experience-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.experience-card { position: relative; min-height: 330px; overflow: hidden; border: 1px solid var(--line); border-radius: 4px 22px 4px 22px; background: linear-gradient(150deg,rgba(17,24,38,.9),rgba(8,11,18,.9)); padding: 28px; }
.experience-card.spotlight { border-color: rgba(83,142,255,.28); background: radial-gradient(circle at 10% 0,rgba(55,125,255,.15),transparent 20rem),linear-gradient(150deg,#111827,#090d16); }
.card-number { position: absolute; top: 24px; right: 25px; color: #3d4656; font: 9px ui-monospace,monospace; letter-spacing: .16em; }
.card-icon { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(88,148,255,.22); border-radius: 14px 4px 14px 4px; background: rgba(55,125,255,.08); color: var(--cyan); font-size: 20px; }
.experience-card h3 { margin: 58px 0 10px; font-size: 20px; }
.experience-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.mini-payments { display: flex; gap: 7px; margin-top: 28px; }
.mini-payments span { border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); color: #9da8bb; font: 800 9px ui-monospace,monospace; padding: 7px 10px; }
.mini-terminal,.mini-status { display: flex; min-height: 44px; align-items: center; gap: 10px; margin-top: 28px; border: 1px solid var(--line); border-radius: 10px; background: #070a10; padding: 0 12px; }
.mini-terminal i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.mini-terminal code { color: #8ab5ff; font-size: 9px; }
.mini-terminal b { margin-left: auto; color: var(--green); }
.mini-status { justify-content: space-between; }
.mini-status span { display: inline-flex; align-items: center; gap: 8px; color: #9ba6b9; font-size: 10px; }
.mini-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.mini-status b { color: #dce6f9; font: 9px ui-monospace,monospace; }

.plans-section { border-block: 1px solid var(--line); background: #070a10; }
.plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.plan-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 4px 24px 4px 24px; background: linear-gradient(145deg,#0e1420,#090d15); padding: 30px; }
.plan-card.featured { border-color: rgba(93,150,255,.38); box-shadow: 0 35px 90px rgba(35,88,192,.12); }
.plan-glow { position: absolute; top: -110px; right: -70px; width: 290px; height: 290px; border-radius: 50%; background: rgba(55,125,255,.1); filter: blur(52px); }
.plan-top { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.plan-game { color: #7ca9fb; font-size: 9px; font-weight: 900; letter-spacing: .2em; }
.popular { border: 1px solid rgba(72,230,163,.2); border-radius: 999px; background: rgba(72,230,163,.07); color: #87e9bb; font-size: 8px; font-weight: 900; letter-spacing: .1em; padding: 7px 10px; }
.plan-card h3 { position: relative; margin: 28px 0 8px; font-size: 26px; letter-spacing: -.025em; }
.plan-card > p { position: relative; min-height: 42px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.plan-price { position: relative; display: flex; align-items: end; gap: 18px; margin-top: 34px; border-top: 1px solid var(--line); padding-top: 26px; }
.plan-price strong { font-size: clamp(36px,4vw,51px); letter-spacing: -.055em; line-height: 1; }
.plan-price span { color: #667186; font-size: 10px; line-height: 1.5; text-transform: uppercase; }
.plan-card ul { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; margin: 28px 0; padding: 0; color: #bec7d7; font-size: 12px; list-style: none; }
.plan-card li { display: flex; gap: 9px; }
.plan-card li span { color: var(--green); }

.payments-section { overflow: hidden; background: radial-gradient(circle at 0 50%,rgba(73,122,246,.12),transparent 32rem),var(--bg); }
.payments-layout { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 90px; }
.payments-copy > p { max-width: 470px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.country-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.country-row span { display: grid; min-width: 42px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 10px 3px 10px 3px; background: rgba(255,255,255,.025); color: #a9b4c7; font: 800 9px ui-monospace,monospace; }
.payment-stack { display: grid; gap: 12px; }
.method-card { position: relative; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 18px; border: 1px solid var(--line); border-radius: 4px 18px 4px 18px; background: linear-gradient(135deg,rgba(17,24,38,.94),rgba(8,12,19,.94)); padding: 20px; }
.method-card.active { border-color: rgba(81,146,255,.28); }
.method-mark { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--line-strong); border-radius: 16px 5px 16px 5px; font-weight: 950; }
.method-mark.pix { background: linear-gradient(145deg,#ecffff,#a8fbef); color: #09645c; font-size: 11px; }
.method-mark.paypal { background: linear-gradient(145deg,#fff,#dce9ff); color: #173f84; font-size: 24px; font-style: italic; }
.method-card small { color: #60708a; font-size: 8px; font-weight: 900; letter-spacing: .2em; }
.method-card h3 { margin: 4px 0; font-size: 17px; }
.method-card p { margin: 0; color: var(--muted); font-size: 11px; }
.method-status { display: inline-flex; align-items: center; gap: 7px; color: #758197; font: 800 8px ui-monospace,monospace; letter-spacing: .1em; }
.method-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.payments-note { display: flex; align-items: center; gap: 14px; margin: 10px 8px 0; color: #707c90; }
.payments-note > span { color: #6da0f9; font-size: 18px; }
.payments-note p { margin: 0; font-size: 10px; line-height: 1.65; }

.control-section { border-top: 1px solid var(--line); background: #070a10; }
.control-grid { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 80px; }
.control-panel { overflow: hidden; border: 1px solid rgba(115,155,219,.2); border-radius: 4px 22px 4px 22px; background: #090d15; box-shadow: 0 40px 100px rgba(0,0,0,.48); }
.control-bar { display: flex; height: 42px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #556175; font: 8px ui-monospace,monospace; letter-spacing: .15em; padding: 0 15px; }
.control-bar div { display: flex; gap: 5px; }
.control-bar i { width: 6px; height: 6px; border-radius: 50%; background: #273042; }
.control-body { display: grid; min-height: 350px; grid-template-columns: 60px 1fr; }
.control-body aside { display: flex; align-items: center; flex-direction: column; gap: 16px; border-right: 1px solid var(--line); padding: 18px 0; }
.control-body aside b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px 3px 9px 3px; background: #326fe6; font-size: 11px; }
.control-body aside span { display: grid; width: 30px; height: 30px; place-items: center; color: #4a566a; }
.control-body aside .selected { border: 1px solid rgba(83,140,255,.25); border-radius: 8px; background: rgba(55,125,255,.1); color: #79a9ff; }
.control-main { padding: 28px; }
.control-main > small { color: #61718a; font: 8px ui-monospace,monospace; letter-spacing: .18em; }
.control-main h3 { max-width: 460px; margin: 8px 0 24px; font-size: 22px; letter-spacing: -.025em; }
.dashboard-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.dashboard-cards > div { position: relative; min-height: 86px; border: 1px solid var(--line); border-radius: 10px; background: #0c111b; padding: 14px; }
.dashboard-cards span { display: block; color: #596579; font-size: 7px; font-weight: 900; letter-spacing: .16em; }
.dashboard-cards b { display: block; margin-top: 14px; font: 800 12px ui-monospace,monospace; }
.dashboard-cards i { position: absolute; top: 13px; right: 13px; width: 6px; height: 6px; border-radius: 50%; background: #5b6d8a; }
.dashboard-cards i.green { background: var(--green); box-shadow: 0 0 10px var(--green); }
.download-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 12px; border: 1px solid var(--line); border-radius: 11px; background: #0c111b; padding: 13px; }
.download-row > span { display: flex; align-items: center; gap: 11px; }
.download-row i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px 3px 9px 3px; background: rgba(55,125,255,.14); color: #83b0ff; font-style: normal; font-weight: 900; }
.download-row b { font-size: 10px; }
.download-row small { display: block; margin-top: 3px; color: #606b7d; font-size: 8px; }
.download-row em { border: 1px solid rgba(75,134,242,.28); border-radius: 7px; background: rgba(55,125,255,.08); color: #7aa8f8; font: 8px ui-monospace,monospace; padding: 8px 10px; }
.control-copy > p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.control-copy ul { display: grid; gap: 11px; margin: 27px 0; padding: 0; color: #bbc5d6; font-size: 12px; list-style: none; }
.control-copy li::before { margin-right: 10px; color: var(--green); content: "✓"; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: #7aa9ff; font-size: 12px; font-weight: 850; }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(5px); }

.product-facts { border-bottom: 1px solid var(--line); background: #070a10; }
.facts-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.facts-grid > div { display: flex; min-height: 105px; align-items: center; gap: 13px; border-right: 1px solid var(--line); padding: 20px 24px; }
.facts-grid > div:first-child { border-left: 1px solid var(--line); }
.facts-grid > div > span { color: #4b6591; font: 800 9px ui-monospace,monospace; }
.facts-grid p,.facts-grid b,.facts-grid small { display: block; margin: 0; }
.facts-grid b { color: #d7dfec; font-size: 11px; }
.facts-grid small { margin-top: 4px; color: #667286; font-size: 8px; line-height: 1.45; }

.features-section { border-top: 1px solid var(--line); background: radial-gradient(circle at 85% 8%,rgba(55,125,255,.09),transparent 32rem),#070a10; }
.feature-bento { display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }
.feature-card { position: relative; min-height: 360px; grid-column: span 2; overflow: hidden; border: 1px solid var(--line); border-radius: 4px 22px 4px 22px; background: linear-gradient(145deg,rgba(17,25,39,.95),rgba(8,12,19,.95)); padding: 27px; }
.feature-card::after { position: absolute; top: -90px; right: -80px; width: 220px; height: 220px; border-radius: 50%; background: rgba(76,134,255,.07); filter: blur(30px); content: ""; }
.feature-primary { border-color: rgba(83,145,255,.34); background: radial-gradient(circle at 100% 0,rgba(55,125,255,.17),transparent 21rem),linear-gradient(145deg,#111a29,#090d16); }
.feature-wide { display: grid; min-height: 190px; grid-column: span 3; grid-template-columns: 58px 1fr; align-items: start; column-gap: 18px; }
.feature-index { position: absolute; z-index: 1; top: 25px; right: 25px; color: #4f5d72; font: 8px ui-monospace,monospace; letter-spacing: .16em; }
.feature-symbol { position: relative; z-index: 1; display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(95,154,255,.23); border-radius: 15px 4px 15px 4px; background: rgba(55,125,255,.08); color: var(--cyan); font-size: 21px; }
.feature-card h3 { position: relative; z-index: 1; margin: 56px 0 9px; font-size: 21px; }
.feature-card > p,.feature-card > div > p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.feature-card ul { position: relative; z-index: 1; display: grid; gap: 9px; margin: 27px 0 0; padding: 0; color: #b9c3d3; font-size: 10px; list-style: none; }
.feature-card li { display: flex; gap: 8px; }
.feature-card li::before { color: var(--green); content: "✓"; }
.feature-wide h3 { margin: 5px 0 8px; }
.feature-wide ul { grid-column: 1/3; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); padding-top: 19px; }
.feature-disclaimer { display: flex; align-items: center; gap: 10px; margin: 18px 0 0; color: #667286; font-size: 9px; }
.feature-disclaimer span { display: grid; width: 20px; height: 20px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(83,231,255,.18); border-radius: 50%; color: var(--cyan); font: 800 9px serif; }

.compatibility-section { overflow: hidden; border-block: 1px solid var(--line); background: radial-gradient(circle at 0 50%,rgba(75,128,246,.12),transparent 29rem),var(--bg); }
.compatibility-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }
.compatibility-copy h2,.seller-program-copy h2 { margin: 16px 0 0; font-size: clamp(40px,5vw,64px); font-weight: 720; letter-spacing: -.055em; line-height: 1; }
.compatibility-copy h2 strong,.seller-program-copy h2 strong { color: #82aefc; font-weight: inherit; }
.compatibility-copy > p,.seller-program-copy > p { max-width: 560px; margin: 20px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.compatibility-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.compatibility-tags span { border: 1px solid var(--line); border-radius: 9px 3px 9px 3px; background: rgba(255,255,255,.025); color: #8290a5; font: 800 8px ui-monospace,monospace; letter-spacing: .1em; padding: 9px 11px; }
.compatibility-panel { border: 1px solid rgba(105,151,224,.21); border-radius: 4px 22px 4px 22px; background: linear-gradient(145deg,#101725,#090d15); box-shadow: 0 34px 90px rgba(0,0,0,.31); padding: 24px; }
.compatibility-status { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; border-bottom: 1px solid var(--line); padding-bottom: 20px; }
.compatibility-status > i { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 13px var(--green); }
.compatibility-status small,.compatibility-status b { display: block; }
.compatibility-status small { color: #5e6a7e; font-size: 7px; font-weight: 900; letter-spacing: .16em; }
.compatibility-status b { margin-top: 3px; font: 800 11px ui-monospace,monospace; }
.compatibility-status em { border: 1px solid rgba(72,230,163,.19); border-radius: 999px; background: rgba(72,230,163,.06); color: #83dcb0; font: 800 7px ui-monospace,monospace; font-style: normal; letter-spacing: .08em; padding: 7px 9px; }
.compatibility-panel ul { display: grid; gap: 12px; margin: 22px 0; padding: 0; color: #aeb9ca; font-size: 11px; list-style: none; }
.compatibility-panel li { display: flex; gap: 10px; }
.compatibility-panel li span { color: var(--green); }
.compatibility-panel li.warning { margin-top: 3px; border: 1px solid rgba(255,211,108,.13); border-radius: 3px 10px 3px 10px; background: rgba(255,211,108,.035); color: #94886b; padding: 11px; }
.compatibility-panel li.warning span { color: var(--amber); }

.seller-program { position: relative; overflow: hidden; border-top: 1px solid var(--line); background: radial-gradient(circle at 76% 48%,rgba(55,125,255,.16),transparent 31rem),#080b12; }
.seller-program-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000 50%,transparent); }
.seller-program-layout { position: relative; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 84px; }
.seller-program-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.seller-terminal { overflow: hidden; border: 1px solid rgba(113,158,226,.24); border-radius: 4px 22px 4px 22px; background: rgba(8,13,21,.93); box-shadow: 0 40px 100px rgba(0,0,0,.45); }
.seller-terminal-bar { display: flex; min-height: 42px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #5d6a80; font: 8px ui-monospace,monospace; letter-spacing: .15em; padding: 0 16px; }
.seller-terminal-bar i { color: var(--green); font-size: 7px; font-style: normal; }
.seller-balance { display: flex; align-items: center; justify-content: space-between; padding: 25px; }
.seller-balance small,.seller-balance b { display: block; }
.seller-balance small { color: #5d6b80; font-size: 7px; font-weight: 900; letter-spacing: .16em; }
.seller-balance b { margin-top: 6px; font-size: 30px; letter-spacing: -.04em; }
.seller-balance em { border: 1px solid rgba(83,231,255,.18); border-radius: 9px 3px 9px 3px; background: rgba(83,231,255,.05); color: #83dceb; font: 800 8px ui-monospace,monospace; font-style: normal; padding: 9px 11px; }
.seller-flow { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid var(--line); }
.seller-flow > div { display: grid; grid-template-columns: 28px 1fr; column-gap: 9px; border-right: 1px solid var(--line); padding: 17px 13px; }
.seller-flow > div:last-child { border: 0; }
.seller-flow > div > span { display: grid; width: 26px; height: 26px; grid-row: 1/3; place-items: center; border: 1px solid rgba(87,148,255,.19); border-radius: 8px 3px 8px 3px; background: rgba(55,125,255,.07); color: #79a9ff; font: 800 8px ui-monospace,monospace; }
.seller-flow p,.seller-flow b,.seller-flow small { display: block; margin: 0; }
.seller-flow b { font-size: 9px; }
.seller-flow small { margin-top: 3px; color: #637085; font-size: 7px; line-height: 1.45; }
.seller-key-demo { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; margin: 18px; border: 1px solid rgba(72,230,163,.15); border-radius: 3px 10px 3px 10px; background: rgba(72,230,163,.04); padding: 13px; }
.seller-key-demo span { color: #6e9d84; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.seller-key-demo code { color: #a5d9bd; font-size: 9px; }
.seller-key-demo b { color: var(--green); }
.seller-rules { position: relative; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 48px; border: 1px solid var(--line); border-radius: 4px 15px 4px 15px; background: rgba(10,15,24,.72); }
.seller-rules span { border-right: 1px solid var(--line); color: #6f7b8f; padding: 15px 18px; font-size: 9px; text-align: center; }
.seller-rules span:last-child { border: 0; }
.seller-rules b { color: #b9c5d6; }

.faq { border-top: 1px solid var(--line); }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.faq-layout > div:first-child > p { color: var(--muted); }
.faq-list { display: grid; gap: 10px; }
.faq-list details { border: 1px solid var(--line); border-radius: 4px 15px 4px 15px; background: rgba(14,19,30,.7); padding: 20px; }
.faq-list summary { position: relative; padding-right: 35px; cursor: pointer; font-size: 13px; font-weight: 780; list-style: none; }
.faq-list summary::after { position: absolute; top: -4px; right: 1px; color: var(--blue-2); content: "+"; font-size: 20px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { margin: 13px 0 0; color: var(--muted); font-size: 12px; line-height: 1.75; }

.final-cta { position: relative; overflow: hidden; border-top: 1px solid var(--line); background: radial-gradient(circle at 50% 0,rgba(55,125,255,.2),transparent 30rem),#080b12; padding-block: 110px; text-align: center; }
.final-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle,#000,transparent 72%); }
.final-cta .shell { position: relative; }
.final-cta h2 { font-size: clamp(50px,7vw,82px); }
.final-cta p { margin: 19px 0 28px; color: var(--muted); }
.site-footer { border-top: 1px solid var(--line); background: #05070b; }
.footer-main { display: grid; min-height: 118px; grid-template-columns: auto 1fr auto; align-items: center; gap: 40px; }
.footer-main > p { color: #687286; font-size: 11px; }
.footer-main > div { display: flex; gap: 25px; color: #8e98aa; font-size: 11px; }
.footer-bottom { display: flex; min-height: 55px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: #4f596a; font: 8px ui-monospace,monospace; letter-spacing: .12em; }

/* Checkout */
.checkout-page { position: relative; background: radial-gradient(circle at 8% 8%,rgba(55,125,255,.1),transparent 28rem),radial-gradient(circle at 92% 56%,rgba(129,92,255,.07),transparent 27rem),var(--bg); }
.aurora { position: fixed; pointer-events: none; border-radius: 50%; filter: blur(90px); opacity: .45; }
.aurora-one { top: 10%; left: -280px; width: 480px; height: 480px; background: rgba(55,125,255,.18); }
.aurora-two { right: -260px; bottom: -100px; width: 470px; height: 470px; background: rgba(129,92,255,.14); }
.checkout-header { position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(5,7,12,.72); backdrop-filter: blur(20px); }
.checkout-header .shell { display: flex; height: 78px; align-items: center; justify-content: space-between; }
.checkout-header-meta { display: flex; align-items: center; gap: 22px; color: #8490a3; font-size: 11px; }
.checkout-header-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.checkout-header-meta i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.checkout-header-meta a { color: #b8c2d2; font-weight: 800; }
.checkout-shell { position: relative; z-index: 2; padding-block: 38px 90px; }
.back-link { display: inline-flex; align-items: center; gap: 8px; color: #798397; font-size: 11px; font-weight: 700; }
.checkout-layout { display: grid; grid-template-columns: minmax(0,1fr) 405px; align-items: start; gap: 54px; margin-top: 32px; }
.checkout-intro h1 { margin: 14px 0 0; font-size: clamp(46px,5.7vw,68px); letter-spacing: -.06em; line-height: .94; }
.checkout-intro h1 strong { background: linear-gradient(100deg,#7eb1ff,#407fff 47%,#936dff); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: inherit; }
.checkout-intro > p { max-width: 650px; margin: 19px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.checkout-intro > p b { color: #c4cddd; overflow-wrap: anywhere; }
.checkout-progress { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 30px; border: 1px solid var(--line); border-radius: 4px 15px 4px 15px; background: rgba(11,16,25,.65); }
.checkout-progress > div { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; border-right: 1px solid var(--line); padding: 13px; }
.checkout-progress > div:last-child { border: 0; }
.checkout-progress span { display: grid; width: 25px; height: 25px; grid-row: 1/3; place-items: center; border: 1px solid var(--line-strong); border-radius: 8px 3px 8px 3px; color: #677286; font: 800 9px ui-monospace,monospace; }
.checkout-progress b { font-size: 10px; }
.checkout-progress small { color: #5f6a7d; font-size: 8px; }
.checkout-progress .done span { border-color: rgba(72,230,163,.25); background: rgba(72,230,163,.08); color: var(--green); }
.checkout-progress .active span { border-color: rgba(86,145,255,.34); background: rgba(55,125,255,.11); color: #89b3ff; box-shadow: 0 0 18px rgba(55,125,255,.14); }
.checkout-card { margin-top: 18px; border: 1px solid var(--line); border-radius: 4px 22px 4px 22px; background: linear-gradient(145deg,rgba(16,23,36,.94),rgba(8,12,19,.94)); box-shadow: 0 30px 90px rgba(0,0,0,.26); padding: 26px; }
.checkout-empty h1 { font-size: 42px; }
.payment-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.payment-heading h2 { margin: 9px 0 0; font-size: 21px; }
.secure-pill { border: 1px solid rgba(72,230,163,.16); border-radius: 999px; background: rgba(72,230,163,.055); color: #82d8ad; font-size: 8px; font-weight: 900; letter-spacing: .08em; padding: 7px 9px; }
.payment-methods { display: grid; gap: 9px; }
.payment-option { position: relative; display: grid !important; min-height: 76px; grid-template-columns: 48px 1fr auto 18px; align-items: center; gap: 13px; margin: 0 !important; border: 1px solid var(--line); border-radius: 3px 13px 3px 13px; background: rgba(255,255,255,.018); cursor: pointer; padding: 12px; transition: .2s ease; }
.payment-option:hover { border-color: rgba(99,155,255,.28); background: rgba(55,125,255,.035); }
.payment-option:has(input:checked) { border-color: rgba(91,151,255,.5); background: linear-gradient(90deg,rgba(55,125,255,.1),rgba(55,125,255,.025)); box-shadow: inset 3px 0 #4a8bff; }
.payment-option.unavailable { cursor: not-allowed; opacity: .48; }
.payment-option input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; }
.payment-logo { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--line-strong); border-radius: 12px 4px 12px 4px; font-weight: 950; }
.pix-logo { background: linear-gradient(145deg,#eafffb,#a5f5e8); color: #09645d; font-size: 9px; }
.paypal-logo { background: linear-gradient(145deg,#fff,#dce9ff); color: #173f84; font-size: 20px; font-style: italic; }
.wallet-logo { background: linear-gradient(145deg,#467fe4,#4d2eaa); color: #fff; }
.payment-copy b,.payment-copy small { display: block; }
.payment-copy b { color: #e7edf8; font-size: 12px; }
.payment-copy small { margin-top: 3px; color: #6d788c; font-size: 9px; line-height: 1.35; }
.payment-tag { border: 1px solid var(--line); border-radius: 999px; color: #6e7a8e; font: 800 7px ui-monospace,monospace; letter-spacing: .06em; padding: 6px 8px; }
.radio-mark { width: 15px; height: 15px; border: 1px solid #3b4658; border-radius: 50%; }
.payment-option:has(input:checked) .radio-mark { border: 4px solid #78a9ff; box-shadow: 0 0 11px rgba(72,139,255,.5); }
.payer-fields { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 20px; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.checkout-form label:not(.payment-option) { display: grid; gap: 8px; color: #aeb8ca; font-size: 10px; font-weight: 800; }
.checkout-form input[type="text"],.checkout-form input:not([type]),.checkout-form input[name="payer_name"],.checkout-form input[name="payer_document"],.checkout-form input[name="coupon_code"] { width: 100%; height: 47px; border: 1px solid var(--line-strong); border-radius: 3px 11px 3px 11px; outline: none; background: #080c13; color: #fff; padding: 0 13px; }
.checkout-form input:focus { border-color: rgba(73,137,255,.7); box-shadow: 0 0 0 3px rgba(55,125,255,.1); }
.document-explainer { display: flex; align-items: flex-start; gap: 11px; margin-top: 12px; border: 1px solid rgba(78,230,255,.11); border-radius: 3px 10px 3px 10px; background: rgba(78,230,255,.025); color: #738095; padding: 11px; }
.document-explainer > span { display: grid; width: 19px; height: 19px; flex: 0 0 auto; place-items: center; border: 1px solid rgba(78,230,255,.2); border-radius: 50%; color: var(--cyan); font: 800 9px serif; }
.document-explainer p { margin: 0; font-size: 9px; line-height: 1.55; }
.document-explainer b { color: #aebbd0; }
.coupon-field { margin-top: 17px; }
.coupon-field > span small { color: #5d687a; font-weight: 500; }
.paypal-area { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 20px; }
.paypal-intro { margin-bottom: 14px; }
.paypal-intro b,.paypal-intro span { display: block; }
.paypal-intro b { font-size: 12px; }
.paypal-intro span { margin-top: 3px; color: #6e798c; font-size: 9px; }
.checkout-submit { width: 100%; margin-top: 20px; border: 0; cursor: pointer; }
.checkout-submit:disabled { cursor: not-allowed; opacity: .45; filter: grayscale(.3); transform: none; }
.checkout-legal { margin: 13px 0 0; color: #515b6c; font-size: 8px; line-height: 1.5; text-align: center; }
.payment-error { display: none; margin-top: 13px; border: 1px solid rgba(255,102,135,.25); border-radius: 3px 10px 3px 10px; background: rgba(255,102,135,.07); color: #ff9aaf; padding: 12px; font-size: 10px; line-height: 1.55; }

.order-card { position: sticky; top: 22px; overflow: hidden; border: 1px solid rgba(115,157,222,.2); border-radius: 4px 22px 4px 22px; background: #0c111b; box-shadow: 0 36px 95px rgba(0,0,0,.36); }
.order-visual { position: relative; height: 180px; overflow: hidden; border-bottom: 1px solid var(--line); }
.order-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) brightness(.68); }
.order-visual > div { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(8,12,19,.06),#0c111b); }
.order-live { position: absolute; z-index: 2; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(72,230,163,.18); border-radius: 999px; background: rgba(6,15,13,.72); color: #86dcb2; font: 800 7px ui-monospace,monospace; letter-spacing: .1em; padding: 7px 9px; backdrop-filter: blur(10px); }
.order-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.order-head,.order-body,.order-total,.order-guarantees { border-bottom: 1px solid var(--line); padding: 21px 23px; }
.order-head small { color: #6f9fee; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.order-head h2 { margin: 7px 0 2px; font-size: 20px; }
.order-head p { margin: 0; color: #737e90; font-size: 10px; }
.order-body ul { display: grid; gap: 10px; margin: 0; padding: 0; color: #aeb8c9; font-size: 10px; list-style: none; }
.order-body li { display: flex; gap: 9px; }
.order-body li span { color: #6d9df1; font-size: 7px; }
.order-total { display: flex; align-items: end; justify-content: space-between; }
.order-total span,.order-total small { display: block; }
.order-total span { color: #aab4c4; font-size: 10px; font-weight: 800; }
.order-total small { margin-top: 2px; color: #5a6576; font-size: 8px; }
.order-total strong { font-size: 28px; letter-spacing: -.04em; }
.order-guarantees { display: flex; flex-wrap: wrap; gap: 8px 14px; color: #6e7a8d; font-size: 8px; }
.order-guarantees span::first-letter { color: var(--green); }
.checkout-action { padding: 15px 23px; }
.checkout-account { margin: 0; color: #626e81; font-size: 8px; overflow-wrap: anywhere; }
.checkout-account b { color: #94a0b3; }

.result-title { display: flex; align-items: center; gap: 15px; }
.result-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(72,230,163,.2); border-radius: 13px 4px 13px 4px; background: rgba(72,230,163,.07); color: var(--green); font-size: 20px; }
.result-title h2 { margin: 5px 0 0; font-size: 20px; }
.result-title p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.pix-layout { display: grid; grid-template-columns: 190px 1fr; align-items: center; gap: 20px; margin-top: 22px; }
.qr-frame { display: grid; width: 190px; height: 190px; place-items: center; border: 1px solid var(--line); border-radius: 3px 14px 3px 14px; background: #fff; padding: 8px; }
.qr-frame img { width: 100%; height: 100%; object-fit: contain; }
.pix-copy label { display: block; margin-bottom: 7px; color: #9ca8ba; font-size: 9px; font-weight: 800; }
.pix-copy textarea { width: 100%; height: 108px; resize: none; border: 1px solid var(--line); border-radius: 3px 10px 3px 10px; background: #070a10; color: #a9c6f8; padding: 11px; font: 9px/1.45 ui-monospace,monospace; }
.pix-copy .button { width: 100%; min-height: 42px; margin-top: 8px; }
.payment-status { display: flex; align-items: center; gap: 10px; margin-top: 18px; border: 1px solid rgba(255,211,108,.16); border-radius: 3px 10px 3px 10px; background: rgba(255,211,108,.05); color: #e6c87f; font-size: 10px; padding: 12px; }
.payment-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 10px var(--amber); animation: pulse 1.4s infinite; }
.payment-success { text-align: center; padding: 38px; }
.success-check { display: grid; width: 62px; height: 62px; place-items: center; margin: 0 auto 18px; border: 1px solid rgba(72,230,163,.28); border-radius: 18px 5px 18px 5px; background: rgba(72,230,163,.08); box-shadow: 0 0 36px rgba(72,230,163,.1); color: var(--green); font-size: 25px; }
.payment-success h2 { margin: 8px 0; font-size: 29px; }
.payment-success > p { max-width: 520px; margin: 0 auto; color: var(--muted); font-size: 11px; line-height: 1.7; }
.success-key { display: grid; gap: 7px; max-width: 480px; margin: 22px auto 0; border: 1px solid rgba(72,230,163,.18); border-radius: 3px 12px 3px 12px; background: rgba(72,230,163,.045); padding: 16px; }
.success-key small { color: #71d3a2; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.success-key strong { overflow-wrap: anywhere; font: 800 15px ui-monospace,monospace; }
.success-actions { display: flex; justify-content: center; gap: 9px; margin-top: 19px; }

@keyframes pulse { 50% { opacity: .38; transform: scale(.8); } }
@keyframes floating { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@media (prefers-reduced-motion:no-preference) { .float-online { animation: floating 5s ease-in-out infinite; } .float-license { animation: floating 5s ease-in-out 1.1s infinite; } }

@media (max-width: 1020px) {
  .main-nav { display: none; position: absolute; top: 72px; right: 24px; left: 24px; align-items: stretch; flex-direction: column; gap: 0; border: 1px solid var(--line); border-radius: 14px; background: #0b1019; padding: 10px; }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 12px; }
  .main-nav .mobile-account-link { display: block; border-top: 1px solid rgba(255,255,255,.06); color: #dce7fa; }
  .menu-toggle { display: block; margin-left: auto; }
  .nav-actions .nav-login { display: none; }
  .hero-layout { grid-template-columns: 1fr; gap: 78px; padding-block: 90px 120px; }
  .hero { min-height: auto; }
  .hero-copy { max-width: 760px; }
  .showcase { max-width: 760px; margin-inline: auto; }
  .payments-layout,.control-grid { grid-template-columns: 1fr; gap: 58px; }
  .compatibility-layout,.seller-program-layout { grid-template-columns: 1fr; gap: 58px; }
  .facts-grid { grid-template-columns: repeat(2,1fr); }
  .facts-grid > div:nth-child(3) { border-left: 1px solid var(--line); }
  .feature-card { grid-column: span 3; }
  .feature-primary { grid-column: span 6; min-height: 300px; }
  .payments-copy { max-width: 670px; }
  .control-panel { order: 2; }
  .control-copy { max-width: 660px; }
  .checkout-layout { grid-template-columns: 1fr; }
  .order-card { position: static; display: grid; grid-template-columns: 220px 1fr; }
  .order-visual { height: 100%; grid-row: 1/6; border-right: 1px solid var(--line); border-bottom: 0; }
}

@media (max-width: 760px) {
  .shell { width: min(100% - 28px,1220px); }
  .nav-shell { height: 70px; }
  .brand em { display: none; }
  .nav-actions .button { display: none; }
  .section { padding-block: 82px; }
  .hero-layout { padding-block: 70px 92px; }
  .hero h1 { font-size: clamp(52px,16vw,74px); }
  .hero-copy > p { font-size: 15px; }
  .hero-proof { flex-wrap: wrap; gap: 18px; }
  .hero-proof > div { border: 0; margin: 0; padding: 0; }
  .showcase { margin-inline: 7px; }
  .product-window { transform: none; }
  .float-card { min-width: 170px; transform: scale(.84); }
  .float-online { top: -38px; right: -26px; }
  .float-license { bottom: -42px; left: -25px; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .experience-grid,.plan-grid { grid-template-columns: 1fr; }
  .facts-grid,.seller-rules { grid-template-columns: 1fr; }
  .facts-grid > div,.facts-grid > div:first-child,.facts-grid > div:nth-child(3) { min-height: 82px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
  .facts-grid > div:last-child { border-bottom: 0; }
  .feature-bento { grid-template-columns: 1fr; }
  .feature-card,.feature-primary,.feature-wide { display: block; min-height: 0; grid-column: auto; }
  .feature-card h3,.feature-wide h3 { margin-top: 38px; }
  .feature-wide ul { display: grid; grid-template-columns: 1fr; }
  .seller-flow { grid-template-columns: 1fr; }
  .seller-flow > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .seller-flow > div:last-child { border-bottom: 0; }
  .seller-rules span { border-right: 0; border-bottom: 1px solid var(--line); }
  .seller-rules span:last-child { border-bottom: 0; }
  .experience-card { min-height: 285px; }
  .plan-card ul { grid-template-columns: 1fr; }
  .method-card { grid-template-columns: 52px 1fr auto; }
  .method-mark { width: 50px; height: 50px; }
  .method-status { display: none; }
  .faq-layout { grid-template-columns: 1fr; gap: 45px; }
  .footer-main { grid-template-columns: 1fr; gap: 18px; padding-block: 28px; }
  .footer-main > div { flex-wrap: wrap; }
  .checkout-header-meta > span { display: none; }
  .checkout-shell { padding-top: 26px; }
  .checkout-intro h1 { font-size: 48px; }
  .checkout-progress b { font-size: 9px; }
  .checkout-progress small { display: none; }
  .payment-heading { align-items: flex-start; flex-direction: column; }
  .field-grid { grid-template-columns: 1fr; }
  .payment-option { grid-template-columns: 46px 1fr 16px; }
  .payment-tag { display: none; }
  .pix-layout { grid-template-columns: 1fr; }
  .qr-frame { margin-inline: auto; }
  .order-card { display: block; }
  .order-visual { height: 180px; border-right: 0; border-bottom: 1px solid var(--line); }
  .control-body { grid-template-columns: 46px 1fr; }
  .control-main { padding: 18px; }
  .dashboard-cards { grid-template-columns: 1fr; }
  .download-row { align-items: flex-start; flex-direction: column; }
  .success-actions { flex-direction: column; }
}

@media (max-width: 440px) {
  .brand { font-size: 13px; }
  .brand-icon { width: 35px; height: 35px; }
  .hero-actions .button { width: 100%; }
  .signal-bar > div { justify-content: flex-start; }
  .plan-card { padding: 22px; }
  .plan-price { align-items: flex-start; flex-direction: column; }
  .method-card { padding: 15px; }
  .method-card p { display: none; }
  .checkout-card { padding: 19px; }
  .checkout-intro h1 { font-size: 42px; }
  .checkout-progress > div { padding: 10px 7px; }
  .checkout-progress span { width: 22px; height: 22px; }
  .payment-option { min-height: 68px; }
  .payment-copy small { display: none; }
  .payment-success { padding: 26px 18px; }
}