:root {
    --navy-950: #03111d;
    --navy-900: #061828;
    --navy-850: #092238;
    --navy-800: #0b2b45;
    --cyan: #19c9ee;
    --cyan-light: #76e5fb;
    --mint: #53e6c1;
    --ice: #eaf8fc;
    --ink: #102b3d;
    --muted: #658091;
    --line: rgba(25, 201, 238, .18);
    --white: #fff;
    --shadow: 0 28px 80px rgba(1, 18, 30, .22);
    --radius: 22px;
    --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: #f7fbfd; color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 999; padding: 10px 14px; background: var(--white); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 50; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.is-scrolled { background: rgba(3, 17, 29, .94); border-color: rgba(255,255,255,.08); backdrop-filter: blur(16px); }
.header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--white); }
.brand-mark { width: 39px; height: 39px; display: grid; grid-template-columns: repeat(3, 7px); align-items: end; justify-content: center; gap: 4px; padding-bottom: 8px; border: 1px solid rgba(117,229,251,.42); border-radius: 9px 16px 9px 9px; transform: skew(-7deg); }
.brand-mark i { display: block; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--cyan-light), var(--cyan)); }
.brand-mark i:nth-child(1) { height: 10px; opacity: .65; }
.brand-mark i:nth-child(2) { height: 17px; opacity: .82; }
.brand-mark i:nth-child(3) { height: 24px; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 21px; letter-spacing: 1.2px; font-weight: 500; }
.brand-copy small { margin-top: 6px; color: var(--cyan-light); font-size: 8px; font-weight: 800; letter-spacing: 2.15px; }
.main-nav { display: flex; align-items: center; gap: 28px; color: #c8dbe5; font-size: 13px; font-weight: 700; }
.main-nav > a:not(.nav-cta) { position: relative; padding: 12px 0; }
.main-nav > a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 5px; height: 2px; background: var(--cyan); transition: right .2s ease; }
.main-nav > a:hover::after { right: 0; }
.nav-cta { padding: 13px 18px; color: var(--navy-950); background: var(--cyan); border-radius: 7px; box-shadow: 0 8px 24px rgba(25,201,238,.22); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid rgba(255,255,255,.18); background: transparent; border-radius: 8px; }
.menu-toggle > span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--white); }

.hero { position: relative; min-height: 760px; overflow: hidden; display: flex; align-items: center; padding: 150px 0 90px; color: var(--white); background: radial-gradient(circle at 79% 48%, #0c3552 0, transparent 34%), linear-gradient(128deg, var(--navy-950) 0%, #061c2d 51%, #071522 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(58,200,231,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(58,200,231,.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, transparent, black 38%, black 90%, transparent); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.hero-glow-one { width: 420px; height: 420px; right: -180px; top: 110px; border: 1px solid rgba(25,201,238,.13); box-shadow: 0 0 0 80px rgba(25,201,238,.025), 0 0 0 170px rgba(25,201,238,.018); }
.hero-glow-two { width: 260px; height: 260px; left: -190px; bottom: -70px; background: rgba(25,201,238,.08); filter: blur(70px); }
.hero-content { position: relative; display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(390px, .84fr); align-items: center; gap: 72px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #56dff8; text-transform: uppercase; font-size: 11px; font-weight: 900; letter-spacing: 2.2px; }
.eyebrow span { width: 25px; height: 2px; background: var(--cyan); }
.hero h1, .section-heading h2, .audience-card h2, .network-copy h2, .contact-band h2 { margin: 20px 0 22px; font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: 1.08; letter-spacing: -.035em; }
.hero h1 { max-width: 760px; font-size: clamp(48px, 5vw, 72px); }
.hero h1 em, .section h2 em { color: var(--cyan-light); font-style: italic; }
.hero-copy > p { max-width: 680px; margin: 0; color: #b9d0dc; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 23px; border: 1px solid transparent; border-radius: 7px; font-size: 12px; font-weight: 900; letter-spacing: .55px; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--navy-950); background: linear-gradient(135deg, var(--cyan-light), var(--cyan)); box-shadow: 0 14px 34px rgba(25,201,238,.18); }
.button-secondary { color: #dff8fd; border-color: rgba(142,225,241,.25); background: rgba(255,255,255,.035); }
.button-secondary:hover { border-color: rgba(118,229,251,.6); }
.hero-trust { margin-top: 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: #8ca9b8; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; }
.hero-trust i { width: 1px; height: 14px; background: rgba(255,255,255,.18); }
.trust-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(83,230,193,.12); }

.match-panel { position: relative; padding: 27px; border: 1px solid rgba(106,222,245,.24); border-radius: var(--radius); background: linear-gradient(145deg, rgba(13,47,72,.88), rgba(4,24,39,.94)); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.match-panel::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(135deg, rgba(118,229,251,.25), transparent 38%); }
.panel-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.panel-top div { display: flex; flex-direction: column; gap: 7px; }
.panel-top small { color: var(--cyan); font-size: 9px; letter-spacing: 1.8px; font-weight: 900; }
.panel-top strong { font-family: Georgia, serif; font-size: 21px; font-weight: 400; }
.live-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 8px; border-radius: 999px; color: #75ecd0; background: rgba(72,224,188,.09); border: 1px solid rgba(72,224,188,.16); font-size: 7px; font-weight: 900; letter-spacing: .7px; }
.live-badge i { width: 5px; height: 5px; border-radius: 50%; background: var(--mint); }
.search-preview { margin-top: 15px; }
.search-preview label { display: block; margin-bottom: 8px; color: #7e9baa; font-size: 9px; font-weight: 900; letter-spacing: .8px; text-transform: uppercase; }
.search-preview div { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 15px; color: #9db4c0; border: 1px solid rgba(157,200,217,.14); border-radius: 7px; background: rgba(1,16,27,.42); font-size: 13px; }
.search-preview div span { color: var(--cyan); font-size: 18px; }
.preview-button { margin-top: 18px; min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-radius: 7px; color: var(--navy-950); background: linear-gradient(135deg, var(--cyan-light), var(--cyan)); font-size: 10px; font-weight: 950; letter-spacing: 1px; }
.preview-button b { font-size: 20px; }
.match-info { display: flex; align-items: center; gap: 12px; padding-top: 21px; margin-top: 21px; border-top: 1px solid rgba(255,255,255,.08); }
.shield { flex: 0 0 34px; height: 34px; display: grid; place-items: center; color: var(--cyan-light); border: 1px solid rgba(118,229,251,.25); border-radius: 10px; }
.match-info p { margin: 0; color: #7895a5; font-size: 10px; line-height: 1.6; }
.match-info strong { color: #d8edf4; font-size: 11px; }

.proof-strip { background: #071b2a; border-top: 1px solid rgba(255,255,255,.06); color: var(--white); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid > div { min-height: 106px; display: flex; align-items: center; gap: 16px; padding: 22px 25px; border-left: 1px solid rgba(255,255,255,.06); }
.proof-grid > div:last-child { border-right: 1px solid rgba(255,255,255,.06); }
.proof-grid strong { color: rgba(118,229,251,.35); font-family: Georgia, serif; font-size: 28px; font-style: italic; }
.proof-grid span { display: flex; flex-direction: column; gap: 6px; color: #839ead; font-size: 10px; }
.proof-grid b { color: #d8eaf1; font-size: 9px; letter-spacing: 1.2px; }

.section { padding: 112px 0; }
.section-heading { max-width: 750px; margin: 0 auto 56px; text-align: center; }
.section-heading .eyebrow { justify-content: center; }
.section-heading h2, .network-copy h2 { color: #0b2b42; font-size: clamp(38px, 4.2vw, 56px); }
.section-heading h2 em, .network-copy h2 em { color: #119fc0; }
.section-heading p { max-width: 620px; margin: 0 auto; color: var(--muted); line-height: 1.75; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step-card { position: relative; min-height: 300px; padding: 34px 30px; overflow: hidden; border: 1px solid #dcebf1; border-radius: var(--radius); background: var(--white); box-shadow: 0 18px 50px rgba(9,45,68,.07); }
.step-card.featured { color: var(--white); border-color: transparent; background: linear-gradient(145deg, #0a314d, #061a2b); }
.step-number { position: absolute; top: 20px; right: 24px; color: #d9e7ec; font-family: Georgia, serif; font-size: 53px; font-style: italic; }
.featured .step-number { color: rgba(118,229,251,.12); }
.step-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 34px; color: #0aaed2; background: #ebfafe; border: 1px solid #d8f3f9; border-radius: 16px; font-size: 26px; }
.featured .step-icon { color: var(--cyan-light); background: rgba(25,201,238,.09); border-color: rgba(118,229,251,.17); }
.step-card h3 { margin: 0 0 14px; font-family: Georgia, serif; font-size: 24px; font-weight: 400; }
.step-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.featured p { color: #9ab2c0; }

.audiences { color: var(--white); background: #041420; }
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.audience-card { position: relative; min-height: 560px; padding: 54px; overflow: hidden; border-radius: 26px; }
.audience-card::after { content: ""; position: absolute; width: 330px; height: 330px; right: -170px; bottom: -180px; border: 1px solid rgba(118,229,251,.13); border-radius: 50%; box-shadow: 0 0 0 70px rgba(118,229,251,.02); }
.audience-card.client { background: linear-gradient(145deg, #0b3552, #061d30); border: 1px solid rgba(118,229,251,.14); }
.audience-card.agency { background: linear-gradient(145deg, #0e7792, #0a536c); border: 1px solid rgba(127,237,255,.23); }
.card-tag { color: var(--cyan-light); font-size: 9px; font-weight: 900; letter-spacing: 1.8px; }
.agency .card-tag { color: #d5fbff; }
.audience-card h2 { max-width: 520px; font-size: clamp(35px, 3.2vw, 48px); }
.audience-card h2 em { color: var(--cyan-light); }
.audience-card > p { max-width: 520px; color: #a9c1cd; line-height: 1.75; }
.agency > p { color: #c9e6ed; }
.audience-card ul { display: grid; gap: 14px; padding: 0; margin: 30px 0 38px; list-style: none; color: #c7dce5; font-size: 13px; }
.agency ul { color: #e5f8fa; }
.audience-card li { display: flex; gap: 11px; align-items: flex-start; }
.audience-card li span { color: var(--cyan-light); }
.audience-card > a { position: relative; z-index: 2; display: inline-flex; gap: 15px; align-items: center; padding-bottom: 8px; border-bottom: 1px solid rgba(118,229,251,.35); color: var(--cyan-light); font-size: 10px; font-weight: 900; letter-spacing: 1px; }
.agency > a { color: var(--white); border-color: rgba(255,255,255,.5); }

.network { background: #eff8fb; }
.network-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.network-copy > p { color: var(--muted); line-height: 1.8; }
.network-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
.network-actions > span { color: #708b9a; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }
.map-card { position: relative; min-height: 430px; overflow: hidden; border: 1px solid rgba(118,229,251,.14); border-radius: 28px; background: radial-gradient(circle at 45% 50%, rgba(25,201,238,.18), transparent 42%), linear-gradient(145deg, #082941, #041726); box-shadow: var(--shadow); }
.map-card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(118,229,251,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(118,229,251,.07) 1px, transparent 1px); background-size: 42px 42px; }
.radar { position: absolute; left: 46%; top: 47%; transform: translate(-50%,-50%); border: 1px solid rgba(118,229,251,.12); border-radius: 50%; }
.radar-one { width: 220px; height: 220px; }
.radar-two { width: 370px; height: 370px; }
.map-point { position: absolute; display: flex; align-items: center; gap: 7px; color: #9fc0ce; font-size: 8px; font-weight: 900; letter-spacing: .8px; }
.map-point i { width: 8px; height: 8px; background: var(--cyan); border: 2px solid #9af0ff; border-radius: 50%; box-shadow: 0 0 0 7px rgba(25,201,238,.1), 0 0 24px var(--cyan); }
.point-one { left: 47%; top: 69%; }.point-two { left: 55%; top: 52%; }.point-three { left: 39%; top: 48%; }.point-four { left: 65%; top: 33%; }.point-five { left: 32%; top: 26%; }
.map-caption { position: absolute; left: 28px; right: 28px; bottom: 24px; display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); }
.map-caption b { color: #d8f4fa; font-size: 9px; letter-spacing: 1.3px; }
.map-caption span { color: #6f94a6; font-size: 10px; }

.contact-band { padding: 72px 0; color: var(--white); background: linear-gradient(105deg, #0a819d, #0b5d78 72%, #083f59); }
.contact-grid { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.contact-band small { color: #baf5ff; font-size: 9px; font-weight: 900; letter-spacing: 1.8px; }
.contact-band h2 { max-width: 620px; margin: 12px 0 0; font-size: clamp(32px, 3.2vw, 45px); }
.contact-actions { display: flex; align-items: center; gap: 16px; }
.phone-link { display: grid; grid-template-columns: 32px 1fr; grid-template-rows: 18px 23px; align-items: center; min-width: 218px; padding: 13px 17px; border: 1px solid rgba(255,255,255,.24); border-radius: 9px; }
.phone-link > span { grid-row: 1 / 3; font-size: 22px; }
.phone-link small { color: #caeff6; font-size: 8px; }
.phone-link strong { font-size: 17px; }
.whatsapp-link { min-height: 58px; display: inline-flex; align-items: center; gap: 13px; padding: 0 19px; color: #06423d; background: #6ef0c8; border-radius: 9px; font-size: 9px; font-weight: 950; letter-spacing: .7px; }

.site-footer { padding: 58px 0 25px; color: #8da8b6; background: var(--navy-950); }
.footer-main { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 50px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.07); }
.footer-main > p { max-width: 390px; margin: 0; font-size: 12px; line-height: 1.7; }
.footer-links { display: grid; gap: 10px; font-size: 11px; text-align: right; }
.footer-links a:hover { color: var(--cyan-light); }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding-top: 25px; font-size: 9px; text-transform: uppercase; letter-spacing: .7px; }
.footer-bottom b { color: #c2d7df; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .reveal { opacity: 1; transform: none; transition: none; } }

@media (max-width: 980px) {
    .menu-toggle { display: block; }
    .main-nav { position: fixed; inset: 88px 0 auto; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 20px; background: rgba(3,17,29,.98); border-top: 1px solid rgba(255,255,255,.08); }
    .main-nav.is-open { display: flex; }
    .main-nav a { padding: 15px !important; }
    .nav-cta { margin-top: 8px; text-align: center; }
    .hero { min-height: auto; }
    .hero-content { grid-template-columns: 1fr; gap: 55px; }
    .match-panel { max-width: 620px; }
    .proof-grid { grid-template-columns: 1fr 1fr; }
    .proof-grid > div:nth-child(3) { border-top: 1px solid rgba(255,255,255,.06); }
    .proof-grid > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.06); border-right: 1px solid rgba(255,255,255,.06); }
    .steps { grid-template-columns: 1fr; }
    .step-card { min-height: 255px; }
    .audience-grid { grid-template-columns: 1fr; }
    .network-grid { grid-template-columns: 1fr; gap: 50px; }
    .contact-grid { align-items: flex-start; flex-direction: column; }
    .footer-main { grid-template-columns: 1fr 1fr; }
    .footer-links { grid-column: 1 / 3; grid-template-columns: repeat(3, 1fr); text-align: left; }
}

@media (max-width: 640px) {
    .container { width: min(100% - 28px, var(--container)); }
    .header-inner { min-height: 76px; }
    .main-nav { inset: 76px 0 auto; }
    .brand-copy strong { font-size: 18px; }
    .hero { padding: 125px 0 70px; }
    .hero h1 { font-size: 43px; }
    .hero-copy > p { font-size: 16px; }
    .hero-actions, .button { width: 100%; }
    .hero-trust { align-items: flex-start; flex-direction: column; }
    .hero-trust i { display: none; }
    .match-panel { padding: 21px; }
    .panel-top { flex-direction: column; }
    .proof-grid { grid-template-columns: 1fr; }
    .proof-grid > div { min-height: 88px; border-right: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
    .section { padding: 82px 0; }
    .section-heading { text-align: left; }
    .section-heading .eyebrow { justify-content: flex-start; }
    .section-heading h2, .network-copy h2 { font-size: 39px; }
    .audience-card { min-height: auto; padding: 36px 25px; }
    .audience-card h2 { font-size: 37px; }
    .map-card { min-height: 380px; }
    .map-caption { flex-direction: column; }
    .contact-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .phone-link, .whatsapp-link { width: 100%; }
    .footer-main { grid-template-columns: 1fr; }
    .footer-links { grid-column: auto; grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; }
}


/* MAISRESULTADO_PALETA_VERMELHA_INICIO */

:root {
    --navy-950: #171717;
    --navy-900: #202020;
    --navy-850: #292929;
    --navy-800: #333333;

    --cyan: #ff1515;
    --cyan-light: #ff5252;
    --mint: #ff3030;

    --ice: #f4f4f4;
    --ink: #242424;
    --muted: #737373;
    --line: rgba(255, 21, 21, .22);
    --white: #ffffff;

    --shadow:
        0 28px 80px rgba(0, 0, 0, .28);
}

body {
    background: #f4f4f4;
    color: #242424;
}

.site-header.is-scrolled {
    background: rgba(24, 24, 24, .96);
}

.brand-mark {
    border-color: rgba(255, 255, 255, .45);
}

.brand-mark i {
    background:
        linear-gradient(
            180deg,
            #ff5252,
            #ff1010
        );
}

.brand-copy small,
.eyebrow,
.panel-top small,
.card-tag {
    color: #ff4545;
}

.main-nav {
    color: #eeeeee;
}

.main-nav > a:not(.nav-cta)::after {
    background: #ff1515;
}

.nav-cta,
.button-primary,
.preview-button {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #ff3535,
            #e60000
        );
    box-shadow:
        0 14px 34px rgba(255, 0, 0, .22);
}

.button-secondary {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .28);
}

.button-secondary:hover {
    border-color: rgba(255, 70, 70, .75);
}

.hero {
    background:
        radial-gradient(
            circle at 79% 48%,
            #4d0b0b 0,
            transparent 35%
        ),
        linear-gradient(
            128deg,
            #171717 0%,
            #242424 54%,
            #151515 100%
        );
}

.hero-grid {
    background-image:
        linear-gradient(
            rgba(255, 35, 35, .10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 35, 35, .10) 1px,
            transparent 1px
        );
}

.hero-glow-one {
    border-color: rgba(255, 35, 35, .18);
    box-shadow:
        0 0 0 80px rgba(255, 20, 20, .025),
        0 0 0 170px rgba(255, 20, 20, .018);
}

.hero-glow-two {
    background: rgba(255, 20, 20, .10);
}

.hero h1 em,
.section h2 em {
    color: #ff4b4b;
}

.hero-copy > p {
    color: #c9c9c9;
}

.hero-trust {
    color: #aaaaaa;
}

.trust-dot {
    background: #ff2424;
    box-shadow:
        0 0 0 4px rgba(255, 36, 36, .16);
}

.match-panel {
    border-color: rgba(255, 65, 65, .28);
    background:
        linear-gradient(
            145deg,
            rgba(53, 53, 53, .96),
            rgba(20, 20, 20, .98)
        );
}

.match-panel::before {
    background:
        linear-gradient(
            135deg,
            rgba(255, 55, 55, .30),
            transparent 38%
        );
}

.live-badge {
    color: #ffffff;
    background: rgba(255, 30, 30, .13);
    border-color: rgba(255, 60, 60, .28);
}

.live-badge i {
    background: #ff3030;
}

.search-preview label {
    color: #b5b5b5;
}

.search-preview div {
    color: #bbbbbb;
    border-color: rgba(255, 255, 255, .12);
    background: rgba(0, 0, 0, .32);
}

.search-preview div span,
.shield {
    color: #ff4444;
}

.shield {
    border-color: rgba(255, 60, 60, .32);
}

.match-info p {
    color: #a0a0a0;
}

.match-info strong {
    color: #ffffff;
}

.proof-strip {
    background: #1a1a1a;
}

.proof-grid strong {
    color: rgba(255, 55, 55, .55);
}

.proof-grid span {
    color: #a5a5a5;
}

.proof-grid b {
    color: #eeeeee;
}

.section-heading h2,
.network-copy h2 {
    color: #282828;
}

.section-heading h2 em,
.network-copy h2 em {
    color: #e60000;
}

.step-card {
    border-color: #dedede;
    box-shadow:
        0 18px 50px rgba(0, 0, 0, .08);
}

.step-card.featured {
    background:
        linear-gradient(
            145deg,
            #353535,
            #181818
        );
}

.step-icon {
    color: #e60000;
    background: #fff0f0;
    border-color: #ffd0d0;
}

.featured .step-icon {
    color: #ff4848;
    background: rgba(255, 30, 30, .10);
    border-color: rgba(255, 70, 70, .25);
}

.audiences {
    background: #181818;
}

.audience-card.client {
    background:
        linear-gradient(
            145deg,
            #343434,
            #1c1c1c
        );
    border-color: rgba(255, 255, 255, .12);
}

.audience-card.agency {
    background:
        linear-gradient(
            145deg,
            #570707,
            #242424
        );
    border-color: rgba(255, 55, 55, .35);
}

.audience-card::after {
    border-color: rgba(255, 55, 55, .20);
}

.audience-card h2 em,
.audience-card li span,
.audience-card > a {
    color: #ff4c4c;
}

.agency > a {
    color: #ffffff;
}

.network {
    background: #f1f1f1;
}

.map-card {
    border-color: rgba(255, 55, 55, .20);
    background:
        radial-gradient(
            circle at 45% 50%,
            rgba(255, 25, 25, .18),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #303030,
            #171717
        );
}

.map-card::before {
    background-image:
        linear-gradient(
            rgba(255, 60, 60, .07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 60, 60, .07) 1px,
            transparent 1px
        );
}

.radar {
    border-color: rgba(255, 70, 70, .18);
}

.map-point i {
    background: #ff1717;
    border-color: #ff8888;
    box-shadow:
        0 0 0 7px rgba(255, 20, 20, .12),
        0 0 24px #ff1717;
}

.contact-band {
    background:
        linear-gradient(
            105deg,
            #e40000,
            #a80000 72%,
            #650000
        );
}

.contact-band small {
    color: #ffffff;
}

.phone-link {
    border-color: rgba(255, 255, 255, .38);
}

.whatsapp-link {
    color: #202020;
    background: #ffffff;
}

.site-footer {
    background: #171717;
}

.footer-links a:hover {
    color: #ff4a4a;
}

/* MAISRESULTADO_PALETA_VERMELHA_FIM */

/* MAISRESULTADO_LOGO_INICIO */

.brand {
    width: 76px;
    min-width: 76px;
    height: 76px;
    min-height: 76px;

    display: inline-block;

    background-color: #242424;
    background-image:
        url("/logo_maisresultado.png?v=1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    border-radius: 12px;
    overflow: hidden;
}

.brand .brand-mark,
.brand .brand-copy {
    display: none;
}

.site-footer .brand {
    width: 86px;
    min-width: 86px;
    height: 86px;
    min-height: 86px;
}

@media (max-width: 640px) {
    .brand {
        width: 62px;
        min-width: 62px;
        height: 62px;
        min-height: 62px;
        border-radius: 9px;
    }

    .site-footer .brand {
        width: 72px;
        min-width: 72px;
        height: 72px;
        min-height: 72px;
    }
}

/* MAISRESULTADO_LOGO_FIM */



/* MAISRESULTADO_HEADER_COMPACTO_INICIO */

.header-inner {
    min-height: 64px;
    gap: 18px;
}

.site-header .brand {
    position: relative;

    width: 230px;
    min-width: 230px;
    height: 38px;
    min-height: 38px;

    background-color: transparent;
    background-position: left center;
    background-size: 38px 38px;

    border-radius: 0;
    overflow: visible;
}

/* Nome principal ao lado da logomarca. */
.site-header .brand::before {
    content: "MaisResultado.net";

    position: absolute;
    top: 3px;
    left: 50px;

    width: max-content;

    color: #ffffff;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 17px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: -.3px;
}

/* Frase inferior em vermelho. */
.site-header .brand::after {
    content: "Conectando profissionais";

    position: absolute;
    bottom: 3px;
    left: 50px;

    width: max-content;

    color: #ff3434;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 900;
    line-height: 1;

    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.hero {
    padding-top: 125px;
}

@media (max-width: 980px) {
    .main-nav {
        inset: 64px 0 auto;
    }
}

@media (max-width: 640px) {
    .header-inner {
        min-height: 60px;
    }

    .site-header .brand {
        width: 190px;
        min-width: 190px;
        height: 31px;
        min-height: 31px;

        background-size: 31px 31px;
    }

    .site-header .brand::before {
        top: 2px;
        left: 41px;
        font-size: 15px;
    }

    .site-header .brand::after {
        bottom: 2px;
        left: 41px;
        font-size: 7px;
        letter-spacing: 1px;
    }

    .main-nav {
        inset: 60px 0 auto;
    }
}

/* MAISRESULTADO_HEADER_COMPACTO_FIM */

/* MAISRESULTADO_HOME_CLARA_INICIO */

.site-header .main-nav {
    gap: 15px;
    font-size: 12px;
}

.site-header .nav-cta {
    padding: 11px 14px;
    color: #fff;
}

.clarity-hero {
    position: relative;
    min-height: 760px;
    overflow: hidden;
    padding: 122px 0 72px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 40%, rgba(180, 0, 0, .34), transparent 30%),
        linear-gradient(128deg, #151515 0%, #242424 56%, #111 100%);
}

.clarity-hero .hero-grid,
.clarity-hero .hero-glow {
    pointer-events: none;
}

.clarity-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    align-items: center;
    gap: 64px;
}

.clarity-copy h1 {
    max-width: 690px;
    margin: 20px 0 24px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5vw, 70px);
    font-weight: 400;
    line-height: 1.03;
    letter-spacing: -.045em;
}

.clarity-copy h1 em {
    color: #ff4b4b;
    font-style: italic;
}

.clarity-copy > p {
    max-width: 640px;
    margin: 0;
    color: #d0d0d0;
    font-size: 18px;
    line-height: 1.72;
}

.clarity-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 30px;
    color: #bdbdbd;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.clarity-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.clarity-points b {
    color: #ff3a3a;
}

.role-selector {
    padding: 25px;
    border: 1px solid rgba(255, 70, 70, .25);
    border-radius: 22px;
    background: rgba(18, 18, 18, .84);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .36);
    backdrop-filter: blur(16px);
}

.role-selector-heading {
    margin-bottom: 17px;
}

.role-selector-heading small,
.summary-kicker {
    color: #ff4545;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1.7px;
}

.role-selector-heading h2 {
    margin: 7px 0 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 400;
}

.role-card {
    position: relative;
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 17px;
    padding: 21px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(54, 54, 54, .9), rgba(28, 28, 28, .96));
}

.role-card + .role-card {
    margin-top: 12px;
}

.role-agency {
    border-color: rgba(255, 60, 60, .34);
    background: linear-gradient(145deg, rgba(88, 7, 7, .92), rgba(31, 27, 27, .97));
}

.role-number {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #ff6565;
    border: 1px solid rgba(255, 85, 85, .28);
    border-radius: 10px;
    background: rgba(255, 35, 35, .08);
    font-family: Georgia, serif;
    font-size: 17px;
}

.role-label {
    color: #ff6464;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 1.25px;
}

.role-content h3 {
    margin: 7px 0 8px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}

.role-content p {
    margin: 0;
    color: #b8b8b8;
    font-size: 12px;
    line-height: 1.6;
}

.role-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 17px;
    margin-top: 16px;
}

.role-primary {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 14px;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(135deg, #ff3535, #d90000);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.role-secondary {
    padding-bottom: 3px;
    color: #ddd;
    border-bottom: 1px solid rgba(255, 255, 255, .27);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.role-primary:hover,
.role-secondary:hover {
    filter: brightness(1.12);
}

.portal-definition {
    color: #fff;
    background: #1a1a1a;
    border-top: 1px solid rgba(255, 255, 255, .06);
    border-bottom: 3px solid #e60000;
}

.portal-definition-inner {
    min-height: 100px;
    display: grid;
    grid-template-columns: 245px 1fr;
    align-items: center;
    gap: 36px;
}

.portal-definition strong {
    color: #ff4242;
    font-size: 10px;
    letter-spacing: 1.5px;
}

.portal-definition p {
    margin: 0;
    padding-left: 36px;
    border-left: 1px solid rgba(255, 255, 255, .13);
    color: #d1d1d1;
    font-size: 15px;
    line-height: 1.65;
}

.clear-process {
    background: #f4f4f4;
}

.process-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.button-light {
    color: #292929;
    border-color: #c9c9c9;
    background: #fff;
}

.agency-invite {
    padding: 105px 0;
    color: #fff;
    background:
        radial-gradient(circle at 82% 50%, rgba(174, 0, 0, .27), transparent 30%),
        linear-gradient(135deg, #1b1b1b, #111);
}

.agency-invite-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 80px;
}

.agency-invite-copy h2 {
    max-width: 680px;
    margin: 20px 0 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4.2vw, 56px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.agency-invite-copy h2 em {
    color: #ff4b4b;
    font-style: italic;
}

.agency-invite-copy > p {
    max-width: 650px;
    margin: 0;
    color: #bdbdbd;
    line-height: 1.75;
}

.agency-invite-copy ul {
    display: grid;
    gap: 13px;
    margin: 28px 0 34px;
    padding: 0;
    list-style: none;
    color: #ddd;
    font-size: 13px;
}

.agency-invite-copy li {
    display: flex;
    gap: 10px;
}

.agency-invite-copy li span {
    color: #ff4444;
}

.agency-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.text-link {
    padding-bottom: 5px;
    color: #eee;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.agency-summary {
    padding: 32px;
    border: 1px solid rgba(255, 70, 70, .24);
    border-radius: 22px;
    background: rgba(36, 36, 36, .82);
    box-shadow: 0 26px 70px rgba(0, 0, 0, .3);
}

.agency-summary > h3 {
    margin: 10px 0 25px;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: 400;
}

.summary-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: center;
    padding: 17px 0;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.summary-item b {
    color: #ff5151;
    font-family: Georgia, serif;
    font-size: 18px;
}

.summary-item span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #a9a9a9;
    font-size: 11px;
    line-height: 1.45;
}

.summary-item strong {
    color: #f4f4f4;
    font-size: 13px;
}

.footer-links {
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
}

.footer-bottom a:hover {
    color: #ff4a4a;
}

@media (max-width: 1080px) {
    .site-header .main-nav {
        gap: 11px;
        font-size: 11px;
    }

    .clarity-hero-grid {
        grid-template-columns: .85fr 1.15fr;
        gap: 38px;
    }
}

@media (max-width: 980px) {
    .clarity-hero {
        min-height: auto;
        padding-top: 115px;
    }

    .clarity-hero-grid,
    .agency-invite-grid {
        grid-template-columns: 1fr;
    }

    .clarity-hero-grid {
        gap: 45px;
    }

    .clarity-copy {
        max-width: 760px;
    }

    .role-selector {
        max-width: 760px;
    }

    .agency-invite-grid {
        gap: 50px;
    }

    .agency-summary {
        max-width: 720px;
    }
}

@media (max-width: 640px) {
    .clarity-hero {
        padding: 102px 0 52px;
    }

    .clarity-copy h1 {
        font-size: 42px;
    }

    .clarity-copy > p {
        font-size: 16px;
    }

    .clarity-points {
        align-items: flex-start;
        flex-direction: column;
    }

    .role-selector {
        padding: 17px;
        border-radius: 17px;
    }

    .role-selector-heading h2 {
        font-size: 24px;
    }

    .role-card {
        grid-template-columns: 1fr;
        padding: 19px;
    }

    .role-content h3 {
        font-size: 21px;
    }

    .role-actions,
    .role-primary,
    .role-secondary {
        width: 100%;
    }

    .role-secondary {
        padding: 8px 0;
        text-align: center;
    }

    .portal-definition-inner {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .portal-definition p {
        padding: 0;
        border: 0;
        font-size: 14px;
    }

    .process-actions,
    .process-actions .button,
    .agency-actions,
    .agency-actions .button,
    .agency-actions .text-link {
        width: 100%;
    }

    .agency-actions .text-link {
        padding: 11px 0;
        text-align: center;
    }

    .agency-invite {
        padding: 80px 0;
    }

    .agency-invite-copy h2 {
        font-size: 39px;
    }

    .agency-summary {
        padding: 24px 20px;
    }

    .footer-links {
        grid-template-columns: 1fr;
    }
}

/* MAISRESULTADO_HOME_CLARA_FIM */