:root{--navy:#092b43;--navy-deep:#071f32;--ink:#132b3e;--muted:#607488;--blue:#0868db;--cyan:#0dbcf2;--sky:#e9f6fc;--paper:#f6f9fb;--line:#d9e5ec;--white:#fff}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em;line-height:1.12}
:focus-visible{outline:3px solid #ed6275;outline-offset:4px}
.container{width:min(100% - 48px,1200px);margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;z-index:100;padding:10px 15px;background:#fff;color:var(--navy)}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #edf2f6}
.header-inner{display:flex;align-items:center;gap:30px;min-height:88px}
.brand{flex:none;width:180px}
.brand img{width:100%}
.nav{display:flex;align-items:center;gap:33px;margin-left:auto}
.nav>a:not(.nav-cta){color:#365064;font-size:13px;font-weight:700;transition:color .2s}
.nav>a:not(.nav-cta):hover{color:var(--blue)}
.nav-cta{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-left:12px;padding:10px 16px;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;font-weight:750;transition:background .2s,transform .2s}
.nav-cta:hover{background:#134b70;transform:translateY(-2px)}
.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--navy-deep)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 32%,rgba(8,104,219,.25),transparent 34%),radial-gradient(circle at 44% 100%,rgba(13,188,242,.1),transparent 48%);pointer-events:none}
.hero-layout{position:relative;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:62px;padding-block:94px 100px}
.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#8cdbf7}
.eyebrow-mark{width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 4px rgba(13,188,242,.13)}
.hero h1{max-width:680px;margin-bottom:24px;font-size:clamp(43px,5.3vw,70px);font-weight:790}
.hero h1 em{font-style:normal;color:#60d9ff}
.hero-lead{max-width:600px;margin-bottom:32px;color:#c5d9e6;font-size:17px;line-height:1.76}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:53px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:800;line-height:1.25;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button span{font-size:18px;font-weight:400}
.button-primary{background:var(--cyan);color:#092b43;border:1px solid var(--cyan)}
.button-primary:hover{background:#78deff;border-color:#78deff}
.button-outline{color:#fff;border:1px solid rgba(255,255,255,.4)}
.button-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-note{max-width:470px;margin:28px 0 0;color:#8eacbf;font-size:12px;line-height:1.7}
.hero-panel{overflow:hidden;border:1px solid rgba(164,226,255,.24);border-radius:16px;background:#fbfdff;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.24)}
.panel-top{display:flex;align-items:center;gap:9px;padding:16px 20px;border-bottom:1px solid #e5edf3;background:#f7fbfd;color:#61788a;font-size:11px;font-weight:700}
.panel-dot{width:7px;height:7px;border-radius:50%;background:#30bd8a;box-shadow:0 0 0 4px #d8f7ec}
.panel-status{margin-left:auto;color:#1674b5}
.panel-core{padding:30px 33px 22px}
.core-kicker{display:block;margin-bottom:10px;color:#1287bd;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.panel-core strong{display:block;font-size:27px;line-height:1.14;letter-spacing:-.04em}
.panel-core p{max-width:300px;margin:10px 0 0;color:#718394;font-size:12px}
.panel-list{padding:0 20px 22px}
.panel-list>div{display:flex;align-items:center;gap:12px;min-height:47px;padding:7px 13px;border-top:1px solid #e8eef2;font-size:12px;font-weight:700}
.panel-list>div:first-child{border-top:0}
.panel-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:#e8f4fa;color:#1885ba;font-size:10px;font-weight:850}
.panel-line{width:45px;height:5px;margin-left:auto;border-radius:4px;background:#dbeef6}
.panel-list>div:nth-child(2) .panel-icon{background:#e9f7f3;color:#278b73}
.panel-list>div:nth-child(3) .panel-icon{background:#eaf1ff;color:#4169c4}
.panel-list>div:nth-child(4) .panel-icon{background:#f1ecfc;color:#7758b9}
.panel-list>div:nth-child(5) .panel-icon{background:#fceef1;color:#bf4c68}
.panel-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#eef8fc;color:#41687f;font-size:11px;font-weight:750}
.panel-foot span{font-size:18px}
.hero-strip{position:relative;border-top:1px solid rgba(255,255,255,.12)}
.hero-strip .container{display:flex;justify-content:space-between;gap:18px;padding-block:16px;color:#85a8bd;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.section{padding-block:95px;scroll-margin-top:25px}
.section-label{margin-bottom:16px;color:#0976a9}
.intro{background:#fff}
.intro-layout{display:grid;grid-template-columns:170px 1fr;gap:42px;align-items:start}
.intro .section-label{margin-top:9px}
.intro h2{max-width:850px;margin-bottom:22px;font-size:clamp(34px,4vw,52px)}
.intro p:not(.section-label){max-width:770px;margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.8}
.components{background:var(--paper)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}
.section-heading h2{max-width:740px;margin-bottom:0;font-size:clamp(34px,3.9vw,50px)}
.section-heading>p{max-width:320px;margin-bottom:5px;color:var(--muted);font-size:14px;line-height:1.7}
.components-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.component{display:flex;flex-direction:column;grid-column:span 2;min-height:295px;padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(15,53,79,.035)}
.component:nth-child(4),.component:nth-child(5){grid-column:span 3;min-height:270px}
.component-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:34px}
.component-number{color:#657e91;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.component-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:9px;background:#e8f6fc;color:#0987be;font-size:24px;line-height:1}
.component h3{max-width:330px;margin-bottom:13px;font-size:23px}
.component p{max-width:440px;margin-bottom:22px;color:var(--muted);font-size:13px;line-height:1.74}
.solution-more{margin-top:auto;padding-top:17px;border-top:1px solid #e8eef2}
.solution-more>span{display:block;margin-bottom:8px;color:#61798a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.solution-more>a{display:flex;align-items:center;width:min(100%,var(--solution-logo-width));height:65px;border-radius:5px;transition:transform .2s,opacity .2s}
.solution-more>a:hover{transform:translateY(-2px);opacity:.82}
.solution-more img{width:100%;height:100%;object-fit:contain}
/* Os PNGs têm margens transparentes diferentes; estas larguras igualam a altura visível à do ProAgents, o menor. */
.component-site{--solution-logo-width:146px}
.component-mail{--solution-logo-width:148px}
.component-number-card{--solution-logo-width:154px}
.component-agents{--solution-logo-width:195px}
.component-tel{--solution-logo-width:137px}
.component-mail .component-symbol{background:#e9f7f3;color:#248d71}
.component-number-card .component-symbol{background:#eaf1ff;color:#4267bb}
.component-agents .component-symbol{background:#f1ecfc;color:#785bb8}
.component-tel .component-symbol{background:#fceef1;color:#bc4a66}
.components-note{max-width:820px;margin:25px 0 0;color:#748799;font-size:12px;line-height:1.7}
.flow{background:var(--navy);color:#fff}
.flow-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:100px;align-items:center}
.flow .section-label{color:#69d8f7}
.flow h2{max-width:470px;margin-bottom:20px;font-size:clamp(35px,4vw,52px)}
.flow-copy>p:not(.section-label){max-width:480px;margin-bottom:26px;color:#b8cbda;font-size:15px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:16px;color:#70ddfa;font-size:13px;font-weight:800}
.text-link:hover{text-decoration:underline}
.text-link span{font-size:18px;font-weight:400}
.flow-diagram{display:grid;gap:14px}
.flow-start,.flow-end,.flow-branches>div{border:1px solid rgba(207,237,251,.18);border-radius:9px;background:rgba(255,255,255,.065)}
.flow-start,.flow-end{display:flex;align-items:center;gap:19px;padding:18px 22px}
.flow-start>span,.flow-end>span{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:8px;background:var(--cyan);color:var(--navy);font-size:11px;font-weight:850}
.flow-start strong,.flow-end strong{font-size:16px;line-height:1.35}
.flow-start small{margin-left:auto;color:#80b9d0;font-size:11px;text-align:right}
.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.flow-branches>div{min-height:160px;padding:19px 20px}
.flow-branches span{display:block;margin-bottom:20px;color:#71d5f4;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.flow-branches strong{display:block;margin-bottom:9px;font-size:16px;line-height:1.3}
.flow-branches small{display:block;color:#a9c2d3;font-size:11px;line-height:1.5}
.flow-end{background:rgba(13,188,242,.13)}
.flow-end>span{background:#e5f8fe}
.process{background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0}
.process-grid li{padding:25px 26px 30px;border-top:3px solid var(--blue);background:#f6fafc}
.process-grid li>span{display:block;margin-bottom:38px;color:#0a83b8;font-size:11px;font-weight:850;letter-spacing:.15em}
.process-grid h3{max-width:260px;margin-bottom:12px;font-size:21px}
.process-grid p{max-width:330px;margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.75}
.audience{background:#ebf6fb}
.audience-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.audience h2{max-width:550px;margin-bottom:0;font-size:clamp(35px,3.9vw,50px)}
.audience-layout>div:nth-child(2)>p{margin-bottom:24px;color:#526e81;font-size:16px;line-height:1.8}
.audience-tags{display:flex;flex-wrap:wrap;gap:9px}
.audience-tags span{padding:9px 12px;border:1px solid #c9e3ef;border-radius:5px;background:#fff;color:#26566d;font-size:11px;font-weight:750}
.faq{background:#fff}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}
.faq h2{max-width:390px;margin-bottom:19px;font-size:clamp(35px,3.9vw,50px)}
.faq-intro>p:not(.section-label){max-width:360px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.75}
.faq-list{border-top:1px solid #d5e0e7}
.faq-list details{border-bottom:1px solid #d5e0e7}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;cursor:pointer;list-style:none;color:var(--ink);font-size:15px;font-weight:750}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{flex:none;color:#198cb9;font-size:23px;font-weight:400;line-height:1;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:560px;margin:-3px 30px 20px 0;color:var(--muted);font-size:13px;line-height:1.75}
.closing{padding-block:68px;background:var(--blue);color:#fff}
.closing-layout{display:flex;align-items:center;justify-content:space-between;gap:55px}
.closing .section-label{color:#c6f0ff}
.closing h2{max-width:700px;margin-bottom:13px;font-size:clamp(33px,3.7vw,47px)}
.closing p:not(.section-label){max-width:650px;margin-bottom:0;color:#d7ebff;font-size:14px;line-height:1.7}
.button-light{flex:none;background:#fff;color:#0757aa;border:1px solid #fff}
.button-light:hover{background:#e9f8ff}
.site-footer{background:#fff}
.footer-main{display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:55px;padding-block:60px 48px}
.footer-brand{display:block;width:180px;margin-bottom:10px}
.footer-main>div:first-child p{max-width:280px;margin-bottom:0;color:#738899;font-size:12px;line-height:1.7}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-links strong{margin-bottom:5px;font-size:12px}
.footer-links a{color:#597184;font-size:12px}
.footer-links a:hover{color:var(--blue);text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:19px;border-top:1px solid #e6edf1;color:#8799a5;font-size:11px}
@media(max-width:1100px){.nav{gap:19px}.hero-layout{gap:38px}.flow-layout{gap:55px}.faq-layout{gap:55px}}
@media(max-width:850px){.container{width:min(100% - 36px,690px)}.header-inner{min-height:74px}.brand{width:154px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;padding:8px;border:0;background:transparent;cursor:pointer}.menu-toggle span{height:2px;width:24px;border-radius:2px;background:var(--navy)}.nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 18px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 22px 35px rgba(8,39,59,.12)}.nav.is-open{display:flex}.nav>a:not(.nav-cta){padding:12px 8px;font-size:15px}.nav-cta{justify-content:space-between;margin:9px 0 0}.hero-layout{grid-template-columns:1fr;gap:45px;padding-block:72px}.hero h1{max-width:700px}.hero-panel{max-width:580px}.section{padding-block:76px}.intro-layout{grid-template-columns:1fr;gap:4px}.intro .section-label{margin:0 0 14px}.section-heading{display:block}.section-heading>p{max-width:590px;margin:18px 0 0}.components-grid{grid-template-columns:repeat(2,1fr)}.component,.component:nth-child(4),.component:nth-child(5){grid-column:span 1;min-height:290px}.component:nth-child(5){grid-column:span 2;min-height:0}.flow-layout,.audience-layout,.faq-layout{grid-template-columns:1fr;gap:35px}.process-grid{gap:12px}.process-grid li{padding:22px}.footer-main{grid-template-columns:1.2fr 1fr;gap:35px}.footer-links:last-child{grid-column:span 2}}
@media(max-width:560px){.container{width:min(100% - 32px,480px)}.hero-layout{gap:34px;padding-block:57px 60px}.hero h1{font-size:clamp(42px,11.6vw,57px)}.hero-lead{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-note{margin-top:22px}.panel-core{padding:25px 22px 18px}.panel-core strong{font-size:24px}.panel-list{padding-inline:12px}.panel-list>div{padding-inline:10px}.panel-line{width:25px}.hero-strip .container{flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;font-size:9px}.section{padding-block:64px}.intro h2,.section-heading h2,.flow h2,.audience h2,.faq h2{font-size:36px}.intro p:not(.section-label){font-size:15px}.components-grid{grid-template-columns:1fr;gap:12px}.component,.component:nth-child(4),.component:nth-child(5){grid-column:span 1;min-height:0;padding:23px}.component-top{margin-bottom:23px}.component h3{font-size:22px}.flow-branches{grid-template-columns:1fr}.flow-branches>div{min-height:0}.flow-start small{display:none}.process-grid{grid-template-columns:1fr;gap:12px}.process-grid li>span{margin-bottom:22px}.audience-layout>div:nth-child(2)>p{font-size:15px}.faq-layout{gap:25px}.closing{padding-block:56px}.closing-layout{align-items:stretch;flex-direction:column;gap:25px}.closing h2{font-size:36px}.button-light{width:100%}.footer-main{grid-template-columns:1fr;gap:30px;padding-block:45px 36px}.footer-links:last-child{grid-column:span 1}.footer-bottom{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}