:root { --bg: #020714; --panel: #071126; --panel-2: #0b1831; --blue: #3c72ff; --cyan: #27dbff; --ink: #f7f9ff; --muted: #9ca9c6; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; border-radius: 9px; color: #04101c; background: var(--cyan); font-weight: 800; text-decoration: none; transform: translateY(-160%); transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .12; background-image: linear-gradient(#4c74b91a 1px, transparent 1px), linear-gradient(90deg, #4c74b91a 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 76%); }
main { position: relative; isolation: isolate; }
main > * { position: relative; z-index: 1; }
a { color: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.topbar { position: relative; z-index: 20; background: #020714aa; backdrop-filter: blur(18px); border-bottom: 1px solid #8cb7ff1d; }
.nav { height: 86px; display: flex; align-items: center; justify-content: space-between; }
.brand-logo { width: 168px; height: auto; display: block; }
.brand-lockup { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.product-name { position: relative; display: grid; padding: 6px 12px; border-left: 1px solid #4faeff70; color: white; font-size: 17px; font-weight: 900; letter-spacing: -.035em; line-height: 1; text-shadow: 0 0 18px #2d8cff66; }
.product-name::after { content: ''; position: absolute; inset: 0 0 0 auto; width: 3px; border-radius: 4px; background: linear-gradient(var(--cyan), var(--blue)); box-shadow: 0 0 12px #2ddcff88; }
.product-name small { margin-bottom: 4px; color: #69c9ff; font-size: 6px; letter-spacing: .18em; line-height: 1; }
.nav-links { display: flex; gap: 32px; }
.nav-links a { color: #aab8d5; text-decoration: none; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
.nav-links a:hover { color: white; }
.hero { min-height: 720px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 58px; padding-block: 70px 94px; }
.hero::before { content: ''; position: absolute; top: 0; right: 0; width: 62vw; height: 700px; z-index: -2; background: radial-gradient(circle at 55% 36%, #143c84 0, #08182f 32%, transparent 70%); }
.eyebrow { color: #91b3ff; font-size: 11px; letter-spacing: .17em; text-transform: uppercase; font-weight: 900; }
.eyebrow span { display: inline-block; width: 7px; height: 7px; margin-right: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); }
h1, h2, h3, p { text-wrap: balance; }
h1 { margin: 20px 0 18px; font-size: clamp(52px, 6vw, 82px); line-height: .93; letter-spacing: -.065em; text-transform: uppercase; }
h1 em, h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px #75a1ff; text-shadow: 0 0 28px #3777ff44; }
.hero-kicker { color: #dfe6f8; font-size: 17px; font-weight: 700; }
.hero-text { max-width: 580px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.hero-text strong { color: white; }
.button { display: inline-flex; gap: 20px; align-items: center; justify-content: space-between; margin-top: 24px; color: white; text-decoration: none; background: linear-gradient(100deg, #2757ee, #12bff7); border: 1px solid #64dafa; box-shadow: 0 13px 40px #1a73ff36, inset 0 1px #ffffff55; border-radius: 13px; padding: 16px 20px; font-size: 12px; text-transform: uppercase; letter-spacing: .045em; font-weight: 900; transition: .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 18px 44px #1a73ff55; }
.button b { font-size: 19px; }
.button-compact { margin-top: 0; padding: 11px 15px; font-size: 10px; border-radius: 10px; }
.hero-notes { display: flex; flex-wrap: wrap; gap: 15px 22px; margin-top: 24px; color: #c7d4ee; font-size: 11px; }
.note-check { margin-right: 7px; color: var(--cyan); font-style: normal; }
.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.glow-orbit { position: absolute; width: 410px; aspect-ratio: 1; border: 1px solid #3ba8ff33; border-radius: 50%; box-shadow: 0 0 90px #0d65e842, inset 0 0 60px #0d65e82e; }
.glow-orbit::after { content: ''; position: absolute; inset: 12%; border: 1px dashed #57a9ff2e; border-radius: 50%; }
.chart-card { position: relative; width: 100%; border-radius: 25px; padding: 9px; overflow: hidden; background: linear-gradient(145deg, #6b9dff90, transparent 22%, transparent 72%, #16e6ff55); box-shadow: 0 30px 90px #000a, 0 0 60px #1766ff35; transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); animation: market-card-pulse 3.8s ease-in-out infinite; }
.chart-card::before { content: ''; position: absolute; z-index: 2; top: 9px; bottom: 9px; left: 8%; width: 2px; background: linear-gradient(to bottom, transparent, #35deff, transparent); box-shadow: 0 0 16px #35deff, 0 0 34px #268cff; opacity: 0; animation: market-scan 5.2s ease-in-out infinite; pointer-events: none; }
.chart-card::after { content: 'AO VIVO • PROFIT'; position: absolute; z-index: 3; top: 22px; right: 24px; color: #9dd3ff; font-size: 8px; letter-spacing: .15em; background: #061328cc; padding: 7px 9px; border-radius: 7px; border: 1px solid #7db3ff44; }
.chart-card img { position: relative; z-index: 1; width: 100%; display: block; border-radius: 17px; filter: saturate(1.1) contrast(1.08); transform-origin: center; animation: market-chart-motion 6.5s ease-in-out infinite alternate; will-change: transform, filter; }
@keyframes market-chart-motion { 0% { transform: scale(1.015) translate3d(-.5%, .5%, 0); filter: saturate(1.05) contrast(1.06) brightness(.96); } 50% { transform: scale(1.035) translate3d(.8%, -.7%, 0); filter: saturate(1.22) contrast(1.1) brightness(1.04); } 100% { transform: scale(1.025) translate3d(-.9%, -.2%, 0); filter: saturate(1.12) contrast(1.08) brightness(1); } }
@keyframes market-scan { 0%, 12% { left: 8%; opacity: 0; } 22%, 76% { opacity: .8; } 88%, 100% { left: 92%; opacity: 0; } }
@keyframes market-card-pulse { 0%, 100% { box-shadow: 0 30px 90px #000a, 0 0 44px #1766ff2e; } 50% { box-shadow: 0 30px 90px #000a, 0 0 72px #20cfff4a; } }
.signal-card, .trial-card { position: absolute; backdrop-filter: blur(14px); background: #08152ce8; border: 1px solid #6da8ff80; box-shadow: 0 18px 45px #0009, inset 0 1px #fff1; }
.signal-card { left: -36px; bottom: 52px; width: 195px; border-radius: 17px; padding: 18px; }
.signal-card span, .trial-card small { color: var(--cyan); font-size: 9px; letter-spacing: .16em; font-style: normal; }
.signal-card strong { display: block; margin: 8px 0 14px; font-size: 21px; text-transform: uppercase; }
.signal-card .signal-prompt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 -8px -8px; padding: 10px; border: 1px solid #45d8ff66; border-radius: 9px; color: white; background: linear-gradient(100deg, #153771, #087ca1); box-shadow: 0 8px 20px #0876c83d, inset 0 1px #ffffff21; font-size: 10px; font-style: normal; font-weight: 900; line-height: 1.3; text-transform: uppercase; letter-spacing: .035em; }
.signal-prompt b { color: var(--cyan); font-size: 14px; }
.trial-card { right: -16px; top: 20px; width: 126px; border-radius: 16px; padding: 16px; text-align: center; }
.trial-card strong { display: block; font-size: 50px; line-height: 1; }
.trial-card span { color: #a5b7d7; text-transform: uppercase; font-size: 10px; letter-spacing: .2em; }
.ticker { display: flex; border-block: 1px solid #4e89e052; background: linear-gradient(90deg, #05132c, #0a2c62, #05132c); overflow: hidden; box-shadow: inset 0 1px #70bdff18, inset 0 -1px #006eff20, 0 12px 45px #001c4a36; }
.ticker-track { width: max-content; min-width: max-content; min-height: 68px; display: flex; flex-wrap: nowrap; align-items: center; animation: ticker-scroll 19s linear infinite; will-change: transform; }
.ticker-group { display: flex; flex: none; align-items: center; gap: clamp(36px, 4.5vw, 74px); padding-right: clamp(36px, 4.5vw, 74px); }
.ticker b { color: #eaf4ff; font-size: 16px; letter-spacing: .28em; text-shadow: 0 0 18px #33b7ff99; }
.ticker i { color: var(--cyan); font-style: normal; font-size: 8px; text-shadow: 0 0 14px var(--cyan); }
@keyframes ticker-scroll { to { transform: translateX(-16.6667%); } }
.section { padding-block: 120px; }
.section-head h2, .problem h2, .faq-intro h2, .final-content h2 { margin: 16px 0 20px; font-size: clamp(38px, 5vw, 62px); line-height: 1; letter-spacing: -.05em; text-transform: uppercase; }
.section-head > p, .faq-intro > p, .final-content > p { color: var(--muted); max-width: 640px; line-height: 1.65; }
.centered { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; }
.signal-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: -22px 0 30px; }
.signal-legend > span { display: flex; align-items: center; gap: 10px; padding: 9px 14px 9px 9px; border: 1px solid #4d78b44c; border-radius: 50px; color: #b9c7df; background: #08152ccc; font-size: 10px; letter-spacing: .035em; }
.signal-legend b { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #04101c; font-size: 12px; }
.signal-legend strong { color: #e6edfb; }
.buy-signal { background: #33ed75; box-shadow: 0 0 15px #22d96855; }
.sell-signal { background: #ff5757; box-shadow: 0 0 15px #ff454555; }
.proof-carousel { position: relative; width: 100%; }
.carousel-topline { display: flex; align-items: center; justify-content: space-between; padding: 0 8px; color: #75bfff; font-size: 9px; text-transform: uppercase; letter-spacing: .16em; }
.carousel-topline > span::before { content: '↔'; margin-right: 9px; color: var(--cyan); font-size: 14px; }
.carousel-controls { display: flex; align-items: center; gap: 12px; }
.carousel-controls button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #4e9fff66; border-radius: 50%; color: white; background: #071a39; cursor: pointer; box-shadow: inset 0 1px #ffffff1c, 0 0 18px #1275ff22; transition: .2s ease; }
.carousel-controls button:hover { color: #04101c; background: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 22px #27dbff66; }
.carousel-controls button:disabled { opacity: .42; cursor: not-allowed; }
.carousel-controls strong { min-width: 62px; color: white; text-align: center; font-size: 11px; }
.carousel-controls i { color: #61779a; font-style: normal; }
.proof-track { display: flex; gap: 18px; padding: 24px 8px 42px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; user-select: none; touch-action: pan-y; }
.proof-track::-webkit-scrollbar { display: none; }
.proof-track.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
.proof-track:focus-visible { border-radius: 18px; }
.proof-card { flex: 0 0 calc((100% - 36px) / 3); aspect-ratio: 4 / 5; margin: 0; position: relative; display: grid; place-items: center; overflow: hidden; scroll-snap-align: start; background: radial-gradient(circle at 50% 38%, #246cb6 0, #12375f 34%, #061326 76%); border: 1px solid #5eb6ff80; border-radius: 24px; box-shadow: 0 24px 65px #0008, 0 0 28px #118dff2e, inset 0 1px #bceaff2e; isolation: isolate; }
.proof-card::before { content: ''; position: absolute; inset: 8px; z-index: -1; border-radius: 18px; background: radial-gradient(circle at 50% 44%, #1e88df5c, transparent 56%), linear-gradient(135deg, #ffffff0c, transparent 45%); box-shadow: inset 0 0 55px #0b9cff2f; }
.proof-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, transparent 30%, #55c9ff17 48%, transparent 64%); box-shadow: inset 0 0 65px #0a5fff2b; }
.proof-card img { width: 100%; height: 100%; padding: 12px; object-fit: contain; display: block; filter: brightness(1.12) contrast(1.06) drop-shadow(0 0 16px #39a8ff4f); pointer-events: none; }
.card-index { position: absolute; top: 18px; left: 18px; z-index: 3; color: #8bdcff; font-size: 9px; letter-spacing: .14em; }
.chart-glow { position: absolute; inset: auto 12% -8% 12%; height: 28%; z-index: -1; border-radius: 50%; background: #1688ff55; filter: blur(32px); }
.carousel-hint { display: flex; justify-content: center; gap: 7px; }
.carousel-hint span { width: 28px; height: 2px; background: #173a69; }
.carousel-hint span:first-child { background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 10px #2bbdff; }
.center-action { display: flex; justify-content: center; margin-top: 36px; }
.problem-wrap { position: relative; overflow: hidden; background: radial-gradient(circle at 76% 50%, #0a397d 0, #071a3a 25%, #030b1a 68%); border-block: 1px solid #4b8ce24c; }
.problem-wrap::before { content: ''; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(#4a8ee129 1px, transparent 1px), linear-gradient(90deg, #4a8ee129 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 74% 50%, #000, transparent 72%); }
.problem { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: center; }
.problem-copy > p:not(.eyebrow) { color: var(--muted); font-size: 16px; line-height: 1.7; }
blockquote { margin: 32px 0 0; padding: 20px 24px; border-left: 2px solid var(--cyan); background: #0a1a36; color: white; font-size: 22px; font-weight: 800; }
.finalmove-showcase { position: relative; width: min(560px, 100%); justify-self: end; isolation: isolate; }
.finalmove-showcase::before { content: ''; position: absolute; inset: 8% -8%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, #168bff5e, #0c58e51f 45%, transparent 72%); filter: blur(22px); }
.finalmove-showcase img { width: 100%; display: block; border-radius: 32px; box-shadow: 0 38px 100px #000b, 0 0 70px #147dff40; mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 92%, transparent 100%); }
.showcase-orbit { position: absolute; inset: 18% 5% 18% 5%; z-index: 2; pointer-events: none; border: 1px solid #53bfff30; border-radius: 50%; box-shadow: 0 0 55px #168aff22, inset 0 0 45px #168aff16; }
.showcase-tag { position: absolute; z-index: 3; top: 15%; right: -18px; padding: 10px 13px; border: 1px solid #60c9ff6b; border-radius: 9px; color: #9ee5ff; background: #06142dd9; backdrop-filter: blur(12px); box-shadow: 0 12px 28px #0008, 0 0 18px #19a5ff2b; font-size: 8px; letter-spacing: .15em; }
.split-head { display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: end; margin-bottom: 50px; }
.split-head > p { padding-bottom: 10px; }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.benefit-card { min-height: 300px; position: relative; padding: 28px 24px; background: linear-gradient(150deg, #0a1832, #050b18); border: 1px solid #4b74b348; border-radius: 16px; overflow: hidden; }
.benefit-card::before { content: ''; position: absolute; width: 140px; height: 140px; border-radius: 50%; background: #1b69ff25; filter: blur(30px); right: -70px; top: -70px; }
.tech-icon { margin: 12px 0 25px; color: var(--cyan); font-size: 36px; text-shadow: 0 0 18px #27dbff; }
.benefit-card h3, .step h3 { font-size: 18px; text-transform: uppercase; letter-spacing: -.02em; }
.benefit-card p, .step p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.process-wrap { background: radial-gradient(circle at 50% 50%, #0b2554 0, #050d1d 44%, #020714 78%); }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #4a74b44c; border-radius: 18px; overflow: hidden; background: #06112699; }
.step { padding: 28px; min-height: 225px; border-right: 1px solid #4a74b43a; }
.step:last-child { border: 0; }
.step-top { display: flex; justify-content: space-between; color: var(--cyan); font-size: 15px; letter-spacing: .16em; }
.step-top i { color: #4974ba; font-style: normal; }
.step h3 { margin-top: 55px; }
.offer-card { display: grid; grid-template-columns: 1.15fr .85fr; background: linear-gradient(130deg, #07142c, #092557); border: 1px solid #6298ec63; border-radius: 24px; overflow: hidden; box-shadow: 0 35px 90px #0008; }
.offer-copy { padding: 58px; }
.offer-copy ul { list-style: none; padding: 0; margin: 30px 0 0; }
.offer-copy li { padding: 13px 0; color: #c1cde3; border-bottom: 1px solid #5075ac33; font-size: 14px; }
.check-icon { display: inline-grid; place-items: center; width: 21px; height: 21px; margin-right: 12px; border-radius: 50%; color: #061123; background: var(--cyan); font-weight: 900; }
.price-panel { padding: 55px; background: #050d1eee; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.price-panel > small { color: #7f93b7; letter-spacing: .14em; font-size: 9px; }
.price { display: flex; align-items: flex-start; margin: 13px 0; }
.price sup { margin-top: 14px; color: #7ba6f5; font-size: 18px; }
.price strong { font-size: 92px; letter-spacing: -.09em; line-height: .85; }
.price span { margin-top: 48px; font-size: 21px; }
.price-panel p { color: white; line-height: 1.5; }
.price-panel .button { width: 100%; }
.price-panel > small:last-child { margin-top: 17px; line-height: 1.5; }
.limited { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; margin-top: 18px; padding: 20px 24px; background: #071126; border: 1px solid #456fae44; border-radius: 15px; }
.pulse { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #13336b; color: var(--cyan); border: 1px solid #44d8ff66; font-weight: 900; }
.limited strong { text-transform: uppercase; font-size: 12px; letter-spacing: .07em; }
.limited p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.faq-wrap { background: #050c1b; border-block: 1px solid #466ba636; }
.faq-layout { display: grid; grid-template-columns: 360px 1fr; gap: 100px; }
.faq-intro { position: sticky; top: 50px; align-self: start; }
.faq-list details { border-bottom: 1px solid #4f6e9e4c; padding: 2px 0; }
.faq-list summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 74px; font-size: 15px; font-weight: 800; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--cyan); font-size: 22px; font-weight: 300; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -2px 40px 22px 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.final-cta { position: relative; padding: 130px 0; overflow: hidden; background: radial-gradient(circle at 50% 100%, #0d5bcb 0, #081d48 32%, #020714 70%); text-align: center; }
.final-grid { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(#70a9ff3b 1px, transparent 1px), linear-gradient(90deg, #70a9ff3b 1px, transparent 1px); background-size: 48px 48px; transform: perspective(500px) rotateX(62deg) scale(1.6) translateY(26%); mask-image: linear-gradient(to top, #000, transparent 75%); }
.final-content { position: relative; display: flex; flex-direction: column; align-items: center; }
.final-content > p { font-size: 16px; }
.final-row { margin-top: 8px; display: flex; align-items: center; gap: 30px; text-align: left; }
.final-row > span { color: #94a7c8; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.final-row > span b { color: white; }
.footer { padding-block: 50px; }
.footer-main { display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 25px; padding-bottom: 32px; border-bottom: 1px solid #45638e45; }
.footer-main img { width: 150px; }
.footer-main p, .footer-main a { color: #8ea0bd; font-size: 11px; text-decoration: none; }
.risk { display: grid; grid-template-columns: 130px 1fr; gap: 30px; padding-top: 26px; }
.risk strong { color: #a9b8d2; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.risk p { margin: 0; color: #667897; font-size: 9px; line-height: 1.6; }
.floating-whatsapp { position: fixed; z-index: 30; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 9px; padding: 13px 16px; border-radius: 50px; color: #04120b; background: #4bea8d; box-shadow: 0 10px 35px #2cca6c55; font-size: 19px; text-decoration: none; font-weight: 900; }
.floating-whatsapp span { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
@media (max-width: 950px) { .nav-links { display: none; } .hero { grid-template-columns: 1fr; } .hero-visual { min-height: auto; } .signal-card { left: 8px; bottom: -42px; } .trial-card { right: 8px; top: -24px; } .proof-card { flex-basis: calc((100% - 18px) / 2); } .problem { gap: 50px; } .benefit-grid { grid-template-columns: repeat(2, 1fr); } .steps { grid-template-columns: repeat(2, 1fr); } .step:nth-child(2) { border-right: 0; } .step:nth-child(-n+2) { border-bottom: 1px solid #4a74b43a; } .faq-layout { grid-template-columns: 300px 1fr; gap: 50px; } }
@media (max-width: 720px) { .section { padding-block: 84px; } .hero { padding-top: 48px; } .problem, .split-head, .offer-card, .faq-layout { grid-template-columns: 1fr; } .split-head { gap: 10px; } .finalmove-showcase { justify-self: center; margin-top: 25px; } .offer-copy, .price-panel { padding: 36px 28px; } .faq-intro { position: static; } .limited { grid-template-columns: auto 1fr; } .limited .button { grid-column: 1 / -1; width: 100%; } }
@media (max-width: 520px) { .shell { width: min(100% - 28px, 1180px); } .nav { height: 72px; } .brand-logo { width: 110px; } .brand-lockup { gap: 8px; } .product-name { padding: 5px 9px; font-size: 13px; } .product-name small { font-size: 5px; } .nav > .button { padding: 10px 12px; } .nav > .button span { font-size: 0; } .nav > .button span::after { content: '30 dias grátis'; font-size: 9px; } h1 { font-size: 46px; } .hero-text { font-size: 15px; } .hero > .hero-copy > .button { width: 100%; } .signal-card { width: 172px; padding: 13px; } .signal-card strong { font-size: 17px; } .signal-card .signal-prompt { font-size: 8px; } .trial-card { width: 104px; } .trial-card strong { font-size: 42px; } .ticker-track { min-height: 60px; animation-duration: 15s; } .ticker-group { gap: 30px; padding-right: 30px; } .ticker b { font-size: 13px; } .proof-card { flex: 0 0 84vw; } .carousel-topline > span { font-size: 0; } .carousel-topline > span::before { font-size: 16px; } .showcase-tag { right: 8px; } .benefit-grid, .steps { grid-template-columns: 1fr; } .step { border-right: 0; border-bottom: 1px solid #4a74b43a; } .step-top i { display: none; } .price strong { font-size: 80px; } .final-row { flex-direction: column; text-align: center; } .footer-main, .risk { grid-template-columns: 1fr; } .floating-whatsapp span { display: none; } .floating-whatsapp { width: 52px; height: 52px; padding: 0; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .ticker-track, .chart-card, .chart-card::before, .chart-card img { animation: none; } .proof-track { scroll-behavior: auto; } }