:root{--navy:#0f1742;--navy2:#1a254d;--slate:#54617a;--green:#19c37d;--green2:#0ea56a;--mist:#e5e7eb;--white:#fff;--ink:#0b1434;--font-display:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--font-text:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:var(--font-text);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}p{line-height:1.55}em{font-style:normal;color:var(--green)}.siteHeader{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;left:0;right:0;z-index:20;background:#ffffffee;border-bottom:1px solid #0f174210;backdrop-filter:blur(14px)}.brand img{display:block;width:232px;height:auto}.siteHeader nav{display:flex;gap:34px;font-size:14px;font-weight:600;color:var(--navy2)}.siteHeader nav a:hover,.login:hover{color:var(--green2)}.headerCtas{display:flex;align-items:center;gap:22px}.login{font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;border-radius:8px;font-weight:750;transition:.22s;white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f17422c}.button b{font-size:18px}.button.compact{padding:13px 18px}.primary{background:linear-gradient(135deg,var(--green),#08a96b);color:white;box-shadow:0 8px 24px #19c37d3d}.ghost{color:var(--navy);background:#ffffffc7;border:1px solid #cfd5dd}.play{width:25px;height:25px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:9px}.mobileMenu{display:none}.hero{height:920px;min-height:760px;position:relative;overflow:hidden;background:var(--navy)}.heroImage{position:absolute;inset:88px 0 0;background:url('assets/lp/hero-engineer.webp') center/cover}.heroOverlay{position:absolute;inset:88px 0 0;background:linear-gradient(90deg,#ffffff 0%,#fffffff2 32%,#ffffff90 55%,#0f174215 74%),linear-gradient(180deg,transparent 55%,#0f1742b8 100%)}.heroCopy{position:absolute;z-index:2;left:5vw;top:148px;width:min(670px,48vw)}.eyebrow,.kicker{font-size:11px;letter-spacing:.14em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--navy2)}.eyebrow i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #19c37d1f}.hero h1{font-size:clamp(55px,5.4vw,84px);line-height:.95;letter-spacing:-.06em;margin:24px 0}.heroCopy>p{font-size:20px;color:#38445b;max-width:590px}.actions{display:flex;align-items:center;gap:14px;margin-top:30px}.heroTrust{display:flex;gap:0;margin-top:36px;border-top:1px solid #0f174226;width:max-content}.heroTrust div{display:grid;padding:17px 28px 0 0;margin-right:28px;border-right:1px solid #0f174226}.heroTrust div:last-child{border:0}.heroTrust b{font-size:18px;color:var(--navy)}.heroTrust span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate)}.productPanel{position:absolute;z-index:3;right:4vw;top:145px;width:455px;background:var(--navy);color:white;border:1px solid #ffffff28;border-radius:17px;padding:25px;box-shadow:0 30px 80px #07112f61}.panelTop{display:flex;justify-content:space-between;align-items:center}.miniBrand{display:flex;align-items:center;font-size:12px;font-weight:700}.miniBrand img{width:28px;height:28px;object-fit:contain;margin-right:8px}.live{font-size:9px;color:var(--green);letter-spacing:.12em}.productPanel h2{font-size:24px;line-height:1.1;max-width:300px;margin:28px 0 18px}.searchMock{background:white;color:#778092;border-radius:7px;padding:13px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.searchMock b{background:var(--green);color:white;padding:9px 13px;border-radius:5px;margin:-8px}.mapMock{height:250px;border-radius:10px;margin:15px 0;background-color:#162550;background-image:linear-gradient(30deg,transparent 48%,#4c5d7c4c 49%,#4c5d7c4c 51%,transparent 52%),linear-gradient(-35deg,transparent 48%,#4c5d7c4c 49%,#4c5d7c4c 51%,transparent 52%);background-size:75px 62px;position:relative;overflow:hidden}.radarPulse{position:absolute;width:165px;height:165px;border-radius:50%;border:1px solid #19c37d8a;background:#19c37d13;left:135px;top:34px;box-shadow:0 0 0 35px #19c37d0a,0 0 0 70px #19c37d06}.radarPulse:after{content:'';position:absolute;left:81px;top:81px;width:70px;height:1px;background:var(--green);transform-origin:left;transform:rotate(-35deg);box-shadow:0 0 12px var(--green)}.mapMock i{position:absolute;color:var(--green);font-style:normal;text-shadow:0 0 12px #19c37d}.m1{left:70px;top:55px}.m2{left:240px;top:72px}.m3{right:45px;bottom:68px}.m4{left:105px;bottom:42px}.mapMock strong{position:absolute;bottom:16px;left:16px;background:#09132fdd;padding:8px 11px;border-radius:5px;font-size:10px}.panelStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.panelStats div{display:grid;background:#172552;border:1px solid #ffffff0f;padding:11px;border-radius:8px}.panelStats b{font-size:14px}.panelStats span{font-size:8px;color:#aeb8cc;text-transform:uppercase}.ticker{height:58px;background:var(--navy);color:#d8deea;display:flex;align-items:center;justify-content:center;gap:17px;font-size:12px;white-space:nowrap;overflow:hidden}.ticker span{color:var(--green);font-weight:800;letter-spacing:.08em}.ticker i{width:4px;height:4px;background:#506080;border-radius:50%}.section{padding:105px 5vw}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:8vw;margin-bottom:58px}.sectionHead h2,.centerHead h2,.diagnosis h2,.plan h2{font-size:clamp(40px,4.4vw,66px);line-height:1.02;letter-spacing:-.05em;margin:15px 0 0}.sectionHead>p{max-width:470px;color:var(--slate);font-size:17px}.kicker{color:var(--green2)}.opportunitySection{background:#f7f8fa}.opportunityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.opportunityGrid article{background:white;border:1px solid #dce1e8;border-radius:12px;padding:23px;transition:.2s}.opportunityGrid article:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 15px 35px #0f174210}.oppIcon{width:45px;height:45px;border-radius:9px;background:#19c37d16;color:var(--green2);display:grid;place-items:center;font-size:22px}.opportunityGrid small{display:block;color:var(--green2);font-size:9px;text-transform:uppercase;font-weight:800;margin-top:22px}.opportunityGrid h3{font-size:18px;min-height:45px}.opportunityGrid>b{font-size:24px;color:var(--navy)}.opportunityGrid article footer{border-top:1px solid #e3e6eb;margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;font-size:9px}.opportunityGrid footer span{color:#7c8696}.opportunityGrid footer strong{color:var(--navy)}.platformBenefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;background:var(--navy);color:white;border-radius:13px;overflow:hidden}.platformBenefits article{padding:27px;border-right:1px solid #ffffff22}.platformBenefits article:last-child{border:0}.platformBenefits span{color:var(--green);font-size:10px;font-weight:800}.platformBenefits h3{font-size:16px}.platformBenefits p{font-size:12px;color:#b7c0d0;margin-bottom:0}.problemSection{background:linear-gradient(135deg,#0b1435,var(--navy2));color:white;padding:105px 7vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center;position:relative;overflow:hidden}.problemSection:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #19c37d22;border-radius:50%;right:-120px;top:-190px;box-shadow:0 0 0 70px #19c37d0b,0 0 0 140px #19c37d07}.light{color:#9aa7be}.problemCopy h2{font-size:clamp(38px,4vw,62px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 28px}.problemCopy .lead{font-size:20px;color:white}.problemCopy>p:not(.lead){color:#b8c1d0}.textLink{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid var(--green);padding:12px 0;color:var(--green);font-weight:700}.metricsCard{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:1;background:#0a1230;border:1px solid #ffffff20;border-radius:14px;padding:14px}.metric{padding:25px 16px;border-right:1px solid #ffffff20}.metric:nth-child(3){border:0}.metric b{font-size:27px;color:var(--green);display:block}.metric span{font-size:11px;color:#c3cad7}.metricsCard>small{grid-column:1/-1;color:#6f7d97;font-size:8px;padding:12px}.centerHead{text-align:center;max-width:800px;margin:0 auto 65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.steps:before{content:'';position:absolute;height:1px;background:#cfd6e0;left:10%;right:10%;top:38px}.steps article{text-align:center;padding:0 24px;position:relative}.steps article>span{position:absolute;top:-10px;left:calc(50% + 29px);width:24px;height:24px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;z-index:2}.steps article>i{width:76px;height:76px;border:1px solid #cad2df;border-radius:50%;background:white;display:grid;place-items:center;margin:auto;font-size:29px;color:var(--navy);font-style:normal;position:relative;z-index:1}.steps h3{font-size:16px;margin:24px auto 8px;max-width:190px;text-transform:uppercase}.steps p{font-size:12px;color:var(--slate)}.diagnosis{padding:110px 7vw;background:#f5f7f9;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.diagnosisVisual{height:560px;background:var(--navy);border-radius:16px;position:relative;overflow:hidden;display:grid;place-items:center}.radarVisual{width:330px;height:330px;border:1px solid #19c37d58;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 0 55px #19c37d0b,0 0 0 110px #19c37d06}.radarVisual:before,.radarVisual:after{content:'';position:absolute;background:#19c37d42}.radarVisual:before{height:1px;width:100%}.radarVisual:after{width:1px;height:100%}.radarVisual span{width:170px;height:170px;border:1px solid #19c37d58;border-radius:50%}.radarVisual i{position:absolute;width:145px;height:2px;background:linear-gradient(90deg,var(--green),transparent);transform-origin:left;left:50%;top:50%;transform:rotate(-42deg);box-shadow:0 0 18px var(--green)}.radarVisual b{position:absolute;color:white;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.1em}.analysisCard{position:absolute;bottom:25px;right:25px;width:260px;background:white;border-radius:11px;padding:20px;box-shadow:0 18px 40px #0005}.analysisCard small{font-size:8px;color:var(--green2);font-weight:800}.analysisCard h3{font-size:15px;margin:10px 0}.analysisCard strong{font-size:35px;color:var(--navy)}.analysisCard>div{height:6px;background:#e2e6ec;border-radius:5px;margin:10px 0}.analysisCard>div i{display:block;height:100%;background:var(--green);border-radius:5px}.analysisCard p{font-size:8px;color:#788397;margin:0}.diagnosisCopy>p{color:var(--slate);font-size:16px}.diagnosisCopy h3{font-size:18px}.diagnosisCopy ul,.priceCard ul{list-style:none;padding:0;margin:24px 0}.diagnosisCopy li,.priceCard li{display:flex;align-items:center;gap:12px;margin:14px 0}.check{width:23px;height:23px;background:#19c37d18;color:var(--green2);border-radius:50%;display:grid;place-items:center;font-weight:900;flex:none}.greenText{color:var(--green)}.audienceGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d6dce5}.audienceGrid article{display:grid;grid-template-columns:50px 1fr 30px;padding:21px 10px;border-bottom:1px solid #d6dce5;align-items:center}.audienceGrid article:nth-child(odd){border-right:1px solid #d6dce5;padding-right:35px}.audienceGrid article:nth-child(even){padding-left:35px}.audienceGrid span{font-size:10px;color:var(--green2)}.audienceGrid i{font-style:normal;color:#8691a4}.plan{background:linear-gradient(135deg,#0b1435,var(--navy2));color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.planIntro>p{color:#b8c1d0;font-size:17px}.noCard{display:flex;align-items:center;gap:13px;margin-top:35px}.noCard>span{display:grid;font-size:11px;color:#9da8ba}.noCard b{color:white;font-size:14px}.priceCard{background:white;color:var(--navy);padding:40px;border-radius:14px;box-shadow:0 25px 60px #0004}.priceCard>small{color:var(--green2);font-weight:800;letter-spacing:.12em}.priceCard h3{font-size:55px;letter-spacing:-.05em;margin:18px 0;border-bottom:1px solid #e1e5eb;padding-bottom:20px}.priceCard h3 span{font-size:13px;color:#6b778b;letter-spacing:0}.full{width:100%}.mission{text-align:center;padding:110px 7vw;background:white}.mission img{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto 25px}.mission blockquote{font-size:clamp(44px,5.4vw,78px);font-weight:750;letter-spacing:-.055em;line-height:1;margin:30px auto;max-width:1050px}.mission p{max-width:780px;margin:auto;color:var(--slate);font-size:18px}.finalCta{padding:100px 7vw;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 390px;gap:7vw;align-items:center;position:relative;overflow:hidden}.finalCta>div:not(.ctaGlow){position:relative;z-index:2}.finalCta h2{font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:20px 0}.finalCta p{color:#c0c8d5;font-size:17px}.darkLink{border-bottom:1px solid white;padding:12px 0;font-weight:700}.finalCta>div>small{color:#8f9bb1;display:block;margin-top:16px}.ctaGlow{position:absolute!important;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#19c37d1f,transparent 65%);right:2vw}.ctaRadar{width:330px;height:330px;border:1px solid #19c37d66;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 45px #19c37d0a,0 0 0 90px #19c37d06}.ctaRadar span{width:180px;height:180px;border:1px solid #19c37d5e;border-radius:50%}.ctaRadar i{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,var(--green),transparent);left:50%;top:50%;transform-origin:left;transform:rotate(-28deg);box-shadow:0 0 20px var(--green)}.ctaRadar b{position:absolute;font-size:12px;line-height:2;color:#d7dee9}.siteFooter{background:#08102d;color:white;padding:55px 6vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.siteFooter img{width:260px;height:auto}.siteFooter p{color:#8e9ab0;font-size:12px}.siteFooter nav{display:flex;justify-content:flex-end;gap:26px;font-size:12px}.siteFooter>small{text-align:right;color:#65718a}.siteFooter>div{grid-row:1/3}
@media(max-width:1120px){.siteHeader nav{gap:18px}.brand img{width:200px}.productPanel{width:400px}.heroCopy{width:50vw}.hero h1{font-size:60px}.opportunityGrid{grid-template-columns:repeat(2,1fr)}.diagnosis{gap:5vw}.section{padding:90px 4vw}}
@media(max-width:820px){.siteHeader{height:74px}.brand img{width:185px}.siteHeader nav,.headerCtas{display:none}.mobileMenu{display:block;position:relative}.mobileMenu summary{list-style:none;background:var(--navy);color:white;padding:10px 14px;border-radius:7px;font-weight:700}.mobileMenu>div{position:absolute;right:0;top:45px;width:190px;background:white;display:grid;gap:14px;padding:18px;border-radius:10px;box-shadow:0 15px 40px #0003}.hero{height:1070px}.heroImage{inset:74px 0 0;background-position:65% center}.heroOverlay{inset:74px 0 0;background:linear-gradient(180deg,#fff 0,#fffffff5 48%,#0f17422b 72%,#0f1742 100%)}.heroCopy{top:110px;left:6vw;width:88vw}.hero h1{font-size:52px;max-width:650px}.productPanel{top:545px;left:6vw;right:auto;width:88vw}.heroTrust{display:none}.sectionHead{display:block}.sectionHead>p{margin-top:25px}.platformBenefits{grid-template-columns:1fr 1fr}.problemSection,.diagnosis,.plan{grid-template-columns:1fr}.metricsCard{margin-top:20px}.steps{grid-template-columns:1fr 1fr;gap:45px 10px}.steps:before{display:none}.audienceGrid{grid-template-columns:1fr}.audienceGrid article:nth-child(odd){border-right:0;padding-right:10px}.audienceGrid article:nth-child(even){padding-left:10px}.finalCta{grid-template-columns:1fr}.ctaRadar{display:none}.siteFooter{grid-template-columns:1fr}.siteFooter>div{grid-row:auto}.siteFooter nav{justify-content:flex-start}.siteFooter>small{text-align:left}}
@media(max-width:540px){.brand img{width:155px}.hero{height:1110px}.heroCopy{top:105px}.hero h1{font-size:43px}.heroCopy>p{font-size:17px}.actions{display:grid;align-items:stretch}.button{width:100%}.productPanel{top:555px;padding:18px}.mapMock{height:215px}.panelStats{grid-template-columns:1fr 1fr}.panelStats div:last-child{display:none}.section{padding:72px 6vw}.sectionHead h2,.centerHead h2,.diagnosis h2,.plan h2{font-size:39px}.opportunityGrid{grid-template-columns:1fr}.platformBenefits{grid-template-columns:1fr}.platformBenefits article{border-right:0;border-bottom:1px solid #ffffff22}.problemSection{padding:75px 6vw}.metricsCard{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #ffffff20}.steps{grid-template-columns:1fr}.diagnosis{padding:75px 6vw}.diagnosisVisual{height:390px}.radarVisual{width:230px;height:230px}.analysisCard{width:210px;padding:14px}.audienceGrid b{font-size:14px}.plan{padding:75px 6vw}.priceCard{padding:28px 22px}.mission{padding:80px 6vw}.mission blockquote{font-size:43px}.finalCta{padding:80px 6vw}.finalCta h2{font-size:44px}.siteFooter nav{display:grid;gap:12px}.siteFooter img{width:210px}.ticker{justify-content:flex-start;padding-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.opportunityGrid article{transition:none}}

/* Aplicação estrita da identidade visual Obras Públicas Pro */
.siteHeader{background:#0f1742f2;border-bottom-color:#ffffff18}.siteHeader nav{color:#e5e7eb}.login{color:white}.brand img{width:238px}.hero{background:#0f1742;color:white}.heroImage{opacity:.2;filter:grayscale(1) contrast(1.15);background-position:center}.heroOverlay{background:linear-gradient(90deg,#0f1742 0%,#0f1742f8 38%,#0f1742c7 61%,#0f174275 100%),linear-gradient(180deg,transparent 50%,#0f1742 100%)}.hero:before{content:'';position:absolute;inset:88px 0 0;z-index:1;background-image:linear-gradient(#54617a16 1px,transparent 1px),linear-gradient(90deg,#54617a16 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000 0%,transparent 72%)}.heroCopy{z-index:3}.eyebrow{color:#19c37d}.hero h1{color:white}.heroCopy>p{color:#d6dce7}.heroTrust{border-top-color:#ffffff26}.heroTrust div{border-right-color:#ffffff20}.heroTrust b{color:white}.heroTrust span{color:#9da8bc}.ghost{color:white;background:#ffffff0c;border-color:#ffffff3b}.productPanel{background:#1a254ded;border-color:#19c37d40;box-shadow:0 30px 90px #050a1f}.ticker{border-top:1px solid #ffffff10}
@media(max-width:820px){.heroOverlay{background:linear-gradient(180deg,#0f1742 0%,#0f1742f5 48%,#0f1742c7 72%,#0f1742 100%)}.hero:before{inset:74px 0 0}.mobileMenu summary{background:#19c37d;color:#0f1742}}
/* Mapa do Brasil e categorias de obras na hero */
.mapMock{background-color:#101d46;background-image:linear-gradient(#54617a19 1px,transparent 1px),linear-gradient(90deg,#54617a19 1px,transparent 1px);background-size:30px 30px}.brazilShape{position:absolute;width:210px;height:210px;left:98px;top:18px;background:linear-gradient(145deg,#23365e,#18274f);border:1px solid #54617a;clip-path:polygon(38% 0,58% 8%,67% 19%,85% 27%,81% 42%,95% 52%,81% 65%,74% 82%,61% 100%,51% 88%,45% 71%,31% 63%,25% 48%,7% 39%,17% 24%,28% 17%);filter:drop-shadow(0 12px 24px #050a20)}.brazilShape:after{content:'';position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,#54617a40 49%,#54617a40 51%,transparent 52%);background-size:36px 36px}.radarPulse{z-index:2;width:108px;height:108px;left:160px;top:67px;box-shadow:0 0 0 25px #19c37d0a,0 0 0 50px #19c37d05}.radarPulse:after{left:53px;top:53px;width:48px}.workIcon{position:absolute;z-index:4;width:28px;height:28px;border-radius:7px;background:#19c37d;color:#0f1742;display:grid;place-items:center;font-size:15px;font-weight:900;font-style:normal;border:2px solid #dff8ee;box-shadow:0 5px 14px #050a205c,0 0 15px #19c37d66}.workIcon:after{content:attr(title);position:absolute;top:32px;background:#08102dcc;color:white;font-size:7px;font-weight:700;padding:3px 5px;border-radius:3px;white-space:nowrap;opacity:0;transition:.2s}.workIcon:hover:after,.workIcon:focus:after{opacity:1}.school{left:130px;top:49px}.road{left:222px;top:48px}.health{left:267px;top:102px}.water{left:237px;top:177px}.bridge{left:142px;top:166px}.earth{left:102px;top:106px}
@media(max-width:540px){.brazilShape{left:calc(50% - 105px)}.radarPulse{left:calc(50% - 54px)}.school{left:calc(50% - 80px)}.road{left:calc(50% + 12px)}.health{left:calc(50% + 57px)}.water{left:calc(50% + 27px)}.bridge{left:calc(50% - 68px)}.earth{left:calc(50% - 108px)}}
/* Hero de referência — Obras Públicas Pro */
.referenceHeader{height:112px;padding:18px 2.5vw;position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(180deg,rgba(2,13,30,.96),rgba(2,13,30,.5),transparent);border:0;color:#fff}.referenceHeader .brandLockup{display:flex;align-items:center;gap:28px;min-width:520px}.referenceHeader .brand{width:220px;height:86px;display:block}.referenceHeader .brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.referenceHeader .brandLockup p{padding-left:28px;border-left:1px solid rgba(255,255,255,.35);font-size:16px;line-height:1.45;color:#fff;white-space:nowrap}.referenceHeader .brandLockup strong{color:#19c37d}.referenceHeader nav{margin-left:auto;display:flex;gap:34px}.referenceHeader nav a,.referenceHeader .login{color:#fff;font-size:15px}.referenceHeader .headerCtas{border-left:1px solid rgba(255,255,255,.15);padding-left:30px;margin-left:28px}.referenceHeader .compact{padding:15px 27px;border-radius:8px}
.referenceHero{min-height:960px;height:auto;background:#031125;color:#fff;overflow:hidden;padding:0;border:0}.referenceHero .heroImage{inset:0;background-position:center;background-size:cover;filter:saturate(.7) brightness(.35);opacity:.48}.referenceHero .heroOverlay{inset:0;background:linear-gradient(90deg,#031125 0%,rgba(3,17,37,.98) 39%,rgba(3,17,37,.62) 65%,rgba(3,17,37,.2)),linear-gradient(0deg,#031125 0%,transparent 42%)}.referenceHero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(25,195,125,.2) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 42%,#000 72%,transparent);pointer-events:none}.referenceHero .heroRadar{position:absolute;width:560px;height:560px;right:7%;top:90px;border:1px solid rgba(25,195,125,.36);border-radius:50%;z-index:1;background:repeating-radial-gradient(circle,transparent 0 72px,rgba(25,195,125,.24) 73px 74px),repeating-conic-gradient(from 0deg,rgba(25,195,125,.15) 0 1deg,transparent 1deg 30deg)}.referenceHero .heroRadar:after{content:"";position:absolute;left:50%;top:50%;width:48%;height:2px;transform-origin:left;background:linear-gradient(90deg,#19c37d,rgba(25,195,125,0));box-shadow:0 0 18px #19c37d;animation:radarSweep 5s linear infinite}.referenceHero .heroRadar span{position:absolute;right:19%;top:23%;width:10px;height:10px;border-radius:50%;background:#5dffa9;box-shadow:0 0 18px 5px #19c37d}@keyframes radarSweep{to{transform:rotate(360deg)}}
.referenceHero .heroCopy{position:relative;z-index:5;width:48%;max-width:790px;padding:160px 0 40px 2.5vw}.referenceHero .eyebrow{display:inline-flex;border:1px solid rgba(25,195,125,.28);background:rgba(25,195,125,.07);padding:12px 18px;border-radius:10px;color:#19c37d;font-weight:700;letter-spacing:.02em}.referenceHero h1{font-size:clamp(48px,4.1vw,70px);line-height:1.02;letter-spacing:-.045em;margin:25px 0 18px;max-width:790px}.referenceHero h1 em{display:inline;color:#19c37d;font-style:normal}.referenceHero .heroCopy>p{font-size:20px;line-height:1.52;color:#fff;max-width:720px}.referenceHero .heroCopy>p strong{color:#19c37d}.heroFeatures{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 35px;max-width:780px}.heroFeatures>div{display:flex;align-items:center;gap:11px;padding:0 16px;border-right:1px solid rgba(255,255,255,.23)}.heroFeatures>div:first-child{padding-left:0}.heroFeatures>div:last-child{border:0}.heroFeatures b{font-size:34px;color:#19c37d;font-weight:400}.heroFeatures span{font-size:14px;line-height:1.5}.referenceHero .actions{gap:20px}.referenceHero .button{min-height:62px;border-radius:8px;padding:0 28px}.referenceHero .button.ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(2,13,30,.3)}.noCardLine{display:block;margin-top:20px;color:#dce4ed;font-size:14px}.noCardLine:first-letter{color:#19c37d}.referenceHero .heroTrust{margin-top:35px;width:100%;max-width:790px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 14px;background:rgba(4,24,47,.76);border:1px solid rgba(74,130,162,.28);border-radius:18px;backdrop-filter:blur(10px)}.referenceHero .heroTrust div{padding:0 18px;border-right:1px solid rgba(255,255,255,.13)}.referenceHero .heroTrust div:last-child{border:0}.referenceHero .heroTrust b{font-size:23px}.referenceHero .heroTrust span{text-transform:uppercase;font-size:9px;margin-top:4px}
.deviceStage{position:absolute;z-index:4;right:1.7%;top:280px;width:48%;height:650px}.deviceStage .productPanel{position:absolute;inset:0 auto auto 2%;width:78%;height:430px;padding:30px 30px 24px;border:10px solid #111923;border-bottom-width:18px;border-radius:20px;background:#06162c;box-shadow:0 25px 55px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.15);transform:perspective(1200px) rotateY(-2deg)}.deviceStage .productPanel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.deviceStage .panelTop{height:42px;margin:0}.deviceStage .miniBrand img{width:92px;height:34px;object-fit:contain}.deviceStage .live{font-size:10px;background:#19c37d;color:#042019;padding:6px 9px;border:0}.dashboardTitle{position:absolute;left:28px;top:85px;display:flex;flex-direction:column}.dashboardTitle small{font-size:13px}.dashboardTitle b{font-size:35px;margin-top:10px}.dashboardTitle span{font-size:10px;color:#aab8c8}.deviceStage .mapMock{position:absolute;right:25px;top:78px;width:56%;height:220px;background:rgba(7,30,57,.8);border:1px solid rgba(25,195,125,.1)}.deviceStage .panelStats{position:absolute;left:24px;right:24px;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.deviceStage .panelStats div{background:#0a203c;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:12px}.deviceStage .panelStats b{font-size:11px}.deviceStage .panelStats span{font-size:10px;color:#8fa2b6;margin-top:8px}.laptopBase{position:absolute;left:0;top:435px;width:82%;height:35px;background:linear-gradient(#77828d,#18212b);clip-path:polygon(5% 0,95% 0,100% 60%,91% 100%,9% 100%,0 60%);filter:drop-shadow(0 18px 18px #000)}.phoneMock{position:absolute;right:2%;top:205px;width:160px;height:350px;border:9px solid #121a22;border-radius:32px;background:#06172e;box-shadow:0 20px 45px #000;padding:24px 14px 15px;display:flex;flex-direction:column;color:#fff}.phoneMock:before{content:"";position:absolute;top:7px;left:48px;width:50px;height:6px;background:#01060d;border-radius:10px}.phoneMock img{width:64px;height:40px;object-fit:contain;object-position:left}.phoneMock small{margin-top:18px;font-size:9px}.phoneMock>b{font-size:27px;margin:5px 0}.miniBrazil{margin:8px 0;height:130px;border-radius:8px;background:#092340;color:#19c37d;text-align:center;padding:22px 5px;font-size:20px;line-height:1.7}.phoneMock span{font-size:10px;color:#a9b9c9}.deviceBenefits{position:absolute;bottom:8px;right:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(4,24,47,.86);border:1px solid rgba(74,130,162,.24);border-radius:17px;padding:20px}.deviceBenefits>div{display:flex;gap:10px;border-right:1px solid rgba(255,255,255,.12);padding:0 15px}.deviceBenefits>div:last-child{border:0}.deviceBenefits b{font-size:26px;color:#19c37d}.deviceBenefits span{font-size:10px;color:#b6c3d1}.deviceBenefits strong{display:block;color:#fff;font-size:12px;margin-bottom:5px}
@media(max-width:1100px){.referenceHeader .brandLockup{min-width:auto}.referenceHeader .brandLockup p{display:none}.referenceHeader nav{gap:18px}.referenceHero{min-height:1180px}.referenceHero .heroCopy{width:60%;padding-top:145px}.deviceStage{top:630px;width:70%;right:2%}.referenceHero .heroTrust{max-width:700px}}
@media(max-width:820px){.referenceHeader{height:86px}.referenceHeader .brand{width:145px;height:65px}.referenceHeader nav,.referenceHeader .headerCtas{display:none}.referenceHeader .mobileMenu{display:block}.referenceHero{min-height:1290px}.referenceHero .heroCopy{width:100%;padding:120px 22px 20px}.referenceHero h1{font-size:48px}.referenceHero .heroCopy>p{font-size:17px}.heroFeatures{grid-template-columns:1fr 1fr;gap:18px}.heroFeatures>div{border:0;padding:0}.referenceHero .heroTrust{grid-template-columns:1fr 1fr;gap:20px}.referenceHero .heroTrust div:nth-child(2){border:0}.deviceStage{top:790px;width:96%;right:2%;transform:scale(.85);transform-origin:top center}.referenceHero .heroRadar{right:-190px;top:520px}.deviceBenefits{display:none}}
@media(max-width:540px){.referenceHero{min-height:1190px}.referenceHero h1{font-size:40px}.referenceHero .actions{display:grid}.referenceHero .button{width:100%;font-size:12px}.heroFeatures span{font-size:12px}.referenceHero .heroTrust{margin-top:25px}.referenceHero .heroTrust b{font-size:18px}.deviceStage{top:790px;width:125%;right:-12%;transform:scale(.72)}.phoneMock{display:none}.deviceStage .productPanel{width:92%}.laptopBase{width:96%}}

/* Photographic hero background v2 */
.referenceHero .heroImage{background-image:url('assets/lp/hero-background-v2.webp');background-position:center center;background-size:cover;filter:none;opacity:1}
.referenceHero .heroOverlay{background:linear-gradient(90deg,rgba(3,17,37,.28) 0%,rgba(3,17,37,.12) 43%,transparent 69%),linear-gradient(0deg,rgba(3,17,37,.92) 0%,transparent 30%)}
.referenceHero:after,.referenceHero .heroRadar,.referenceHero .deviceStage{display:none}
.referenceHero .heroCopy{width:49%;max-width:800px;padding-top:160px}
@media(max-width:820px){.referenceHero .heroImage{background-position:61% center}.referenceHero .heroOverlay{background:linear-gradient(180deg,rgba(3,17,37,.22),rgba(3,17,37,.9) 54%,#031125 78%)}.referenceHero .heroCopy{width:100%}}

/* Mobile containment and navigation fix */
html,body,main{width:100%;max-width:100%;overflow-x:clip}
img,video{max-width:100%}
section,header,footer,article,div{min-width:0}
@media(max-width:820px){
  .referenceHeader{height:82px;padding:8px 16px;align-items:center}
  .referenceHeader .brandLockup{min-width:0}
  .referenceHeader .brand{width:150px;height:64px}
  .referenceHeader .mobileMenu{display:block!important;position:static!important;margin-left:auto}
  .referenceHeader .mobileMenu summary{display:flex;align-items:center;justify-content:center;min-width:74px;height:44px;padding:0 14px;background:#19c37d;color:#031125;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer}
  .referenceHeader .mobileMenu summary::-webkit-details-marker{display:none}
  .referenceHeader .mobileMenu[open] summary{background:#fff}
  .referenceHeader .mobileMenu>div{position:absolute;left:16px;right:16px;top:74px;width:auto;max-width:none;display:grid;gap:0;padding:10px;background:#07172e;color:#fff;border:1px solid rgba(25,195,125,.35);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:50}
  .referenceHeader .mobileMenu>div a{display:block;width:100%;padding:14px 12px;color:#fff!important;font-size:15px;font-weight:650;border-bottom:1px solid rgba(255,255,255,.1)}
  .referenceHeader .mobileMenu>div a:last-child{margin-top:8px;border:0;border-radius:8px;text-align:center;background:#19c37d;color:#031125!important}
  .referenceHero{min-height:0!important;height:auto!important;padding-bottom:54px}
  .referenceHero .heroImage{background-size:auto 430px;background-repeat:no-repeat;background-position:72% 74px;background-color:#031125}
  .referenceHero .heroOverlay{background:linear-gradient(180deg,rgba(3,17,37,.04) 74px,rgba(3,17,37,.18) 250px,#031125 430px,#031125 100%)}
  .referenceHero .heroCopy{position:relative;top:auto!important;left:auto!important;width:100%!important;max-width:100%;padding:360px 20px 0!important}
  .referenceHero .eyebrow{max-width:100%;padding:10px 12px;font-size:12px;line-height:1.35;white-space:normal}
  .referenceHero h1{max-width:100%;font-size:clamp(36px,10.5vw,44px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal}
  .referenceHero .heroCopy>p{max-width:100%;font-size:17px;line-height:1.52;overflow-wrap:anywhere}
  .heroFeatures{width:100%;max-width:100%;grid-template-columns:1fr 1fr;gap:18px 10px;margin:28px 0}
  .heroFeatures>div{min-width:0;gap:8px;padding:0!important}
  .heroFeatures b{font-size:28px;flex:none}.heroFeatures span{font-size:12px;overflow-wrap:anywhere}
  .referenceHero .actions{width:100%;display:grid;grid-template-columns:1fr;gap:12px}
  .referenceHero .button,.button{width:100%;max-width:100%;min-height:54px;padding:12px 16px;white-space:normal;text-align:center;line-height:1.25}
  .noCardLine{font-size:12px;line-height:1.45}
  .referenceHero .heroTrust{width:100%;grid-template-columns:1fr 1fr;padding:16px 8px;gap:18px 0}
  .referenceHero .heroTrust div{padding:0 12px}.referenceHero .heroTrust b{font-size:18px}
  .section,.problemSection,.diagnosis,.plan,.mission,.finalCta,.siteFooter{width:100%;max-width:100%;padding-left:20px!important;padding-right:20px!important}
  .sectionHead,.problemSection,.diagnosis,.plan,.finalCta,.siteFooter{gap:30px}
  .sectionHead h2,.centerHead h2,.diagnosis h2,.plan h2,.problemCopy h2,.finalCta h2,.mission blockquote{max-width:100%;overflow-wrap:anywhere}
  .opportunityGrid,.platformBenefits,.steps,.audienceGrid,.metricsCard,.diagnosis,.plan,.finalCta,.siteFooter{max-width:100%}
  .opportunityGrid article,.platformBenefits article,.priceCard,.analysisCard{max-width:100%}
  .ticker{max-width:100vw}
}
@media(max-width:390px){
  .referenceHeader .brand{width:136px}
  .referenceHeader .mobileMenu summary{min-width:66px;padding:0 11px}
  .referenceHero .heroCopy{padding-left:16px!important;padding-right:16px!important}
  .referenceHero h1{font-size:36px}
  .heroFeatures{grid-template-columns:1fr}
  .referenceHero .heroTrust{grid-template-columns:1fr 1fr}
  .section,.problemSection,.diagnosis,.plan,.mission,.finalCta,.siteFooter{padding-left:16px!important;padding-right:16px!important}
  .priceCard h3{font-size:43px}
  .diagnosisVisual{height:350px}
  .analysisCard{left:16px;right:16px;width:auto}
}

h1,h2,h3,h4,h5,h6,blockquote,.button,.brand,.kicker,.eyebrow,.heroTrust b,.panelStats b,.metric b,.priceCard strong{font-family:var(--font-display)}

/* OPP light engineer hero */
.referenceHeader{height:112px;background:#031125;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.referenceHero{min-height:860px;height:860px;background:#f5f7fa;color:var(--navy);padding:0;overflow:hidden}
.referenceHero .heroImage{inset:112px 0 0;background-image:url('assets/lp/hero-engineer.webp');background-position:center right;background-size:cover;filter:none;opacity:1}
.referenceHero .heroOverlay{inset:112px 0 0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 30%,rgba(255,255,255,.84) 47%,rgba(255,255,255,.18) 66%,transparent 100%)}
.referenceHero:after,.referenceHero .heroRadar,.referenceHero .deviceStage{display:none!important}
.referenceHero .heroCopy{position:relative;z-index:5;width:54%;max-width:810px;padding:178px 0 50px 4vw;color:var(--navy)}
.referenceHero .eyebrow{color:var(--green2);background:rgba(25,195,125,.08)}
.referenceHero h1{color:var(--navy)}
.referenceHero .heroCopy>p{color:#3d4960}
.referenceHero .heroFeatures>div{border-color:rgba(15,23,66,.16)}
.referenceHero .heroFeatures span{color:#263451}
.referenceHero .button.ghost{color:var(--navy);border-color:rgba(15,23,66,.28);background:rgba(255,255,255,.8)}
.referenceHero .noCardLine{color:#5c687d}
.referenceHero .heroTrust{background:rgba(255,255,255,.78);border-color:rgba(15,23,66,.14);box-shadow:0 18px 50px rgba(15,23,66,.08)}
.referenceHero .heroTrust div{border-color:rgba(15,23,66,.12)}
.referenceHero .heroTrust b{color:var(--navy)}
.referenceHero .heroTrust span{color:#657187}
@media(max-width:1120px) and (min-width:821px){
  .referenceHero{min-height:900px;height:900px}
  .referenceHero .heroCopy{width:61%;padding-top:165px}
  .referenceHero h1{font-size:58px}
}
@media(max-width:820px){
  .referenceHeader{height:86px;background:#031125}
  .referenceHero{display:flex;flex-direction:column;min-height:0!important;height:auto!important;padding:86px 0 0;background:#f5f7fa}
  .referenceHero .heroImage{position:relative;inset:auto;width:100%;height:390px;flex:none;background-position:73% center;background-size:cover;opacity:1;order:0}
  .referenceHero .heroOverlay{display:none}
  .referenceHero .heroCopy{position:relative;order:1;width:100%;max-width:none;padding:42px 22px 70px;color:var(--navy)}
  .referenceHero h1{color:var(--navy);font-size:clamp(40px,11vw,54px)}
  .referenceHero .heroCopy>p{color:#3d4960}
  .referenceHero .heroTrust{display:grid;background:#fff}
}
@media(max-width:540px){
  .referenceHero .heroImage{height:330px;background-position:70% center}
  .referenceHero .heroCopy{padding:34px 20px 58px}
  .referenceHero h1{font-size:40px;line-height:1.02}
  .referenceHero .heroFeatures{grid-template-columns:1fr 1fr}
}


/* Responsive consolidation v2 — complete mobile LP */
@media(max-width:820px){
  body{min-width:0;overflow-x:hidden}
  .referenceHeader{position:absolute;inset:0 0 auto;height:82px;padding:8px 16px}
  .referenceHeader .brandLockup{width:auto;max-width:calc(100% - 84px)}
  .referenceHeader .brand{width:142px;height:60px}
  .referenceHeader .brandLockup p{display:none}
  .referenceHeader .mobileMenu summary{min-width:68px;height:42px}
  .referenceHero{display:flex;flex-direction:column;min-height:0!important;height:auto!important;padding:82px 0 0!important;overflow:hidden}
  .referenceHero .heroImage{position:relative!important;inset:auto!important;order:0;width:100%!important;height:clamp(280px,62vw,390px)!important;min-height:0;background-size:cover!important;background-position:72% center!important;background-repeat:no-repeat}
  .referenceHero .heroOverlay{display:none!important}
  .referenceHero .heroCopy{position:relative!important;inset:auto!important;order:1;width:100%!important;max-width:none!important;margin:0!important;padding:36px 20px 58px!important;transform:none!important;color:var(--navy)}
  .referenceHero .eyebrow{display:inline-flex;max-width:100%;white-space:normal;font-size:11px;line-height:1.35}
  .referenceHero h1{max-width:100%;margin:22px 0 18px;font-size:clamp(38px,10vw,52px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}
  .referenceHero .heroCopy>p{max-width:100%;font-size:17px;line-height:1.5}
  .referenceHero .heroFeatures{width:100%;grid-template-columns:1fr 1fr;gap:18px 12px;margin:28px 0}
  .referenceHero .heroFeatures>div{padding:0!important;border:0;min-width:0}
  .referenceHero .actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}
  .referenceHero .button{width:100%;min-height:54px;padding:12px 16px;white-space:normal;text-align:center}
  .referenceHero .heroTrust{width:100%;grid-template-columns:1fr 1fr;gap:18px 0;margin-top:28px;padding:18px 8px}
  .referenceHero .heroTrust div{margin:0;padding:0 12px}
  .section,.problemSection,.diagnosis,.plan,.mission,.finalCta{padding-top:72px;padding-bottom:72px}
  .sectionHead{display:block;margin-bottom:38px}
  .sectionHead>p{max-width:none;margin-top:20px}
  .problemSection,.diagnosis,.plan,.finalCta{grid-template-columns:minmax(0,1fr)}
  .opportunityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platformBenefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metricsCard{grid-template-columns:repeat(3,minmax(0,1fr))}
  .diagnosisVisual{width:100%;height:min(520px,110vw)}
  .radarVisual{width:min(330px,72vw);height:min(330px,72vw)}
  .priceCard{width:100%}
  .siteFooter{grid-template-columns:1fr}
}

@media(max-width:540px){
  .referenceHeader{height:76px;padding:6px 14px}
  .referenceHeader .brandLockup{max-width:calc(100% - 72px)}
  .referenceHeader .brand{width:126px;height:56px}
  .referenceHeader .mobileMenu summary{min-width:60px;height:40px;padding:0 10px;font-size:13px}
  .referenceHeader .mobileMenu>div{left:12px;right:12px;top:68px}
  .referenceHero{padding-top:76px!important}
  .referenceHero .heroImage{height:clamp(255px,76vw,330px)!important;background-position:68% center!important}
  .referenceHero .heroCopy{padding:30px 18px 52px!important}
  .referenceHero h1{font-size:clamp(34px,10.5vw,42px);line-height:1.04;margin-top:18px}
  .referenceHero .heroCopy>p{font-size:16px}
  .referenceHero .heroFeatures{grid-template-columns:1fr 1fr;gap:17px 10px}
  .referenceHero .heroFeatures b{font-size:25px}
  .referenceHero .heroFeatures span{font-size:11px}
  .referenceHero .heroTrust b{font-size:17px}
  .section,.problemSection,.diagnosis,.plan,.mission,.finalCta{padding-top:62px;padding-bottom:62px;padding-left:18px!important;padding-right:18px!important}
  .sectionHead h2,.centerHead h2,.diagnosis h2,.plan h2,.problemCopy h2,.finalCta h2{font-size:clamp(34px,10vw,42px)}
  .opportunityGrid,.platformBenefits,.steps,.metricsCard{grid-template-columns:minmax(0,1fr)}
  .platformBenefits article,.metric{border-right:0}
  .opportunityGrid article h3{min-height:0}
  .diagnosisVisual{height:360px}
  .analysisCard{left:14px;right:14px;bottom:14px;width:auto}
  .priceCard{padding:26px 20px}
  .priceCard h3{font-size:44px}
  .mission blockquote{font-size:clamp(36px,11vw,46px)}
  .siteFooter{padding:45px 18px 28px!important}
  .ticker{height:50px;font-size:10px}
}

@media(max-width:370px){
  .referenceHero .heroCopy{padding-left:15px!important;padding-right:15px!important}
  .referenceHero .heroFeatures{grid-template-columns:1fr}
  .referenceHero .heroTrust{grid-template-columns:1fr 1fr}
  .referenceHero h1{font-size:33px}
}


/* Mobile hero overlay v3 */
@media(max-width:820px){
  .referenceHero{position:relative!important;display:block!important;min-height:1080px!important;height:auto!important;padding:82px 0 0!important;background:#f5f7fa;isolation:isolate}
  .referenceHero .heroImage{position:absolute!important;inset:82px 0 0!important;z-index:-2;width:auto!important;height:auto!important;background-size:cover!important;background-position:72% center!important;background-repeat:no-repeat!important}
  .referenceHero .heroOverlay{display:block!important;position:absolute!important;inset:82px 0 0!important;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.72) 55%,rgba(255,255,255,.06) 82%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.12) 45%,rgba(245,247,250,.92) 73%,#f5f7fa 94%)}
  .referenceHero .heroCopy{position:relative!important;z-index:2;width:100%!important;max-width:none!important;margin:0!important;padding:76px 20px 58px!important;color:var(--navy)}
  .referenceHero .eyebrow{max-width:62%;background:rgba(255,255,255,.7);backdrop-filter:blur(7px)}
  .referenceHero h1{width:62%;max-width:470px!important;font-size:clamp(34px,8.2vw,48px);text-shadow:0 1px 0 rgba(255,255,255,.7)}
  .referenceHero .heroCopy>p{width:60%;max-width:450px;font-size:16px;color:#263451;text-shadow:0 1px 0 rgba(255,255,255,.65)}
  .referenceHero .heroFeatures{margin-top:38px;padding-top:22px;border-top:1px solid rgba(15,23,66,.12)}
  .referenceHero .actions{margin-top:26px}
  .referenceHero .heroTrust{background:rgba(255,255,255,.82);backdrop-filter:blur(10px)}
}

@media(max-width:540px){
  .referenceHero{min-height:1040px!important;padding-top:76px!important}
  .referenceHero .heroImage{inset:76px 0 0!important;background-position:72% top!important;background-size:auto 640px!important;background-color:#f5f7fa}
  .referenceHero .heroOverlay{inset:76px 0 0!important;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.08) 88%),linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(245,247,250,.25) 42%,rgba(245,247,250,.96) 62%,#f5f7fa 78%)}
  .referenceHero .heroCopy{padding:54px 18px 50px!important}
  .referenceHero .eyebrow{max-width:69%;padding:9px 10px;font-size:9px}
  .referenceHero h1{width:66%;max-width:330px!important;margin:17px 0 14px;font-size:clamp(31px,8.6vw,39px);line-height:1.02;letter-spacing:-.04em}
  .referenceHero .heroCopy>p{width:64%;max-width:320px;font-size:14px;line-height:1.42}
  .referenceHero .heroFeatures{margin-top:90px;padding-top:20px}
}

@media(max-width:390px){
  .referenceHero{min-height:1070px!important}
  .referenceHero .heroImage{background-position:76% top!important;background-size:auto 620px!important}
  .referenceHero .heroCopy{padding-top:46px!important}
  .referenceHero .eyebrow{max-width:72%}
  .referenceHero h1{width:69%;font-size:30px}
  .referenceHero .heroCopy>p{width:67%;font-size:13px}
  .referenceHero .heroFeatures{margin-top:105px}
}


/* Professional hero feature icons */
.heroFeatures>div>i{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(25,195,125,.1);
  border:1px solid rgba(25,195,125,.24);
  color:var(--green2);
  font-size:16px;
  font-style:normal;
}
@media(max-width:540px){
  .heroFeatures>div>i{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:15px}
}

/* REAL OPPORTUNITIES PANEL */
.realOpportunityGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.realOpportunityCard{display:flex;flex-direction:column;min-height:410px;padding:22px!important;border-color:#d8e0e8!important}.realOpportunityCard:first-child{border-color:var(--green)!important}.agencyHeader{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;min-height:72px}.agencyHeader>div:last-child{min-width:0}.agencyHeader small{display:block;color:#748096!important;font-size:8px!important;letter-spacing:.08em;margin-bottom:5px}.agencyHeader strong{display:block;color:var(--navy);font-size:11px;line-height:1.3}.agencyLogo{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;color:white;position:relative;overflow:hidden;box-shadow:0 7px 18px #0b28501f}.agencyLogo i{font-size:19px}.agencyLogo span{font-size:7px;font-weight:900;letter-spacing:.04em}.agencyTcm{background:#126b56}.agencyFapex{background:#af6320}.agencyUnb{background:#0d4a82}.agencyPbh{background:#284d75}.agencyPoa{background:#0f6386}.opportunityLocation{display:flex;align-items:center;gap:7px;margin:20px 0 12px;color:var(--green2);font-size:11px}.opportunityLocation b{color:var(--navy);font-size:12px}.opportunityLocation span{margin-left:auto;background:#eef8f4;border-radius:999px;padding:5px 8px;color:#25745c;font-size:8px;font-weight:800;text-transform:uppercase}.realOpportunityCard h3{font-size:16px!important;line-height:1.32;min-height:84px!important;margin:0 0 20px!important}.opportunityValue{margin-top:auto;border-top:1px solid #e0e5eb;padding-top:14px}.opportunityValue span{display:block;color:#748096;font-size:9px}.opportunityValue b{display:block;font-size:22px!important;margin-top:4px}.realOpportunityCard footer{align-items:center!important;margin-top:15px;padding-top:13px;border-top:1px solid #e0e5eb;gap:8px}.realOpportunityCard footer span{font-size:9px;color:#536176}.realOpportunityCard footer strong{font-size:8px;background:#edf4fb;border-radius:999px;padding:5px 7px;color:#1e5b91}.realOpportunityCard footer i{color:var(--green2);margin-right:3px}@media(max-width:1450px){.realOpportunityGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.realOpportunityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.realOpportunityGrid{grid-template-columns:1fr}.realOpportunityCard{min-height:365px}.realOpportunityCard h3{min-height:0!important}}

/* HOW IT WORKS ICONS */
.steps article>i.fa-solid{border:1px solid #183f70;background:linear-gradient(145deg,#153e70 0%,#0b1b42 100%);color:#fff;font-size:24px;box-shadow:0 12px 28px rgba(11,27,66,.18),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s ease,box-shadow .25s ease}.steps article>i.fa-solid:after{content:'';position:absolute;inset:8px;border:1px solid rgba(31,210,151,.28);border-radius:50%;pointer-events:none}.steps article:hover>i.fa-solid{transform:translateY(-4px);box-shadow:0 17px 34px rgba(11,27,66,.24),0 0 0 5px rgba(31,210,151,.08)}.steps article>span{box-shadow:0 5px 13px rgba(25,195,125,.25);border:2px solid #fff}.steps h3{letter-spacing:-.015em}

/* SPECIALIZATION METRICS */
.metricsCard .metric{min-width:0}.metricsCard .metric b{font-size:20px;letter-spacing:-.025em;white-space:nowrap}.metricsCard .metric span{display:block;line-height:1.55;margin-top:7px}@media(max-width:540px){.metricsCard .metric b{font-size:22px}}


/* Compact desktop header and hero opening */
@media(min-width:1121px){
  .referenceHeader{
    height:94px;
    padding:10px 2.5vw;
  }
  .referenceHeader .brandLockup{
    gap:20px;
  }
  .referenceHeader .brand{
    width:182px;
    height:70px;
  }
  .referenceHeader .brandLockup p{
    padding-left:20px;
    font-size:14px;
    line-height:1.35;
  }
  .referenceHeader nav{
    gap:27px;
  }
  .referenceHeader .headerCtas{
    margin-left:22px;
    padding-left:22px;
  }
  .referenceHero .heroImage,
  .referenceHero .heroOverlay{
    inset:94px 0 0;
  }
  .referenceHero .heroCopy{
    top:0!important;
    left:auto!important;
    padding-top:132px;
  }
}

/* Editais de obras geolocalizados */
.geoSection{padding:110px 6vw;background:#fff;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:7vw;align-items:center;position:relative;overflow:hidden}.geoCopy{max-width:590px}.geoCopy h2{font-size:clamp(42px,4.5vw,68px);line-height:1;letter-spacing:-.055em;color:var(--navy);margin:18px 0 26px}.geoCopy .geoLead{font-size:20px;font-weight:650;color:#263451}.geoCopy>p:not(.geoLead){font-size:16px;color:var(--slate);max-width:540px}.geoCopy .button{margin-top:20px}.geoVisual{min-height:500px;display:grid;place-items:center;position:relative}.geoVisual:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,#19c37d1c 0,#19c37d0b 42%,transparent 68%)}.geoMap{width:min(670px,100%);height:455px;border-radius:24px;background:linear-gradient(145deg,#07172e,#0e3151);border:1px solid #2e6180;box-shadow:0 35px 80px #06142635;position:relative;overflow:hidden}.geoMap:before,.geoMap:after{content:"";position:absolute;inset:0;background-image:linear-gradient(28deg,transparent 48%,#6c8ca21a 49%,#6c8ca21a 51%,transparent 52%),linear-gradient(-34deg,transparent 48%,#6c8ca21a 49%,#6c8ca21a 51%,transparent 52%);background-size:84px 70px}.geoBrazil{position:absolute;z-index:1;left:25%;top:7%;width:47%;height:78%;background:#1d7a6594;clip-path:polygon(29% 0,62% 6%,79% 20%,74% 36%,88% 47%,69% 59%,63% 78%,49% 100%,35% 82%,30% 63%,11% 49%,19% 31%,0 17%);filter:drop-shadow(0 12px 20px #0008)}.geoRing{position:absolute;z-index:2;border:1px solid #38e6a2;border-radius:50%;box-shadow:0 0 0 20px #19c37d14,0 0 35px #19c37d38}.ringOne{width:150px;height:150px;left:39%;top:36%}.ringTwo{width:250px;height:250px;left:31%;top:25%;border-color:#19c37d5c}.geoPin{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;background:white;color:var(--navy);padding:8px 11px 8px 8px;border-radius:999px;box-shadow:0 10px 24px #0005;font-size:10px}.geoPin>span{width:27px;height:27px;border-radius:50%;background:var(--green);border:3px solid white;box-shadow:0 0 0 2px #19c37d70}.geoPin small{font-size:10px;font-weight:800}.pinNorth{left:25%;top:18%}.pinCenter{right:18%;top:43%}.pinSouth{left:36%;bottom:15%}.geoRadius{position:absolute;z-index:5;right:22px;bottom:22px;width:225px;display:grid;background:#fff;padding:17px 18px;border-radius:13px;box-shadow:0 15px 35px #0005}.geoRadius strong{font-size:14px;color:var(--navy)}.geoRadius span{font-size:10px;color:var(--slate);margin-top:5px}.geoAdvantages{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:15px}.geoAdvantages article{display:flex;gap:15px;padding:22px;background:#f6f8fa;border:1px solid #dce3e9;border-radius:13px}.geoAdvantages i{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#e5f8f1;color:var(--green2);display:grid;place-items:center;font-size:18px}.geoAdvantages strong{font-size:14px;color:var(--navy)}.geoAdvantages p{font-size:11px;color:var(--slate);margin:7px 0 0;line-height:1.45}@media(max-width:980px){.geoSection{grid-template-columns:1fr;padding:85px 5vw;gap:45px}.geoCopy{max-width:760px}.geoVisual{min-height:430px}.geoMap{height:420px}.geoAdvantages{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.geoSection{padding:68px 18px}.geoCopy h2{font-size:42px}.geoCopy .geoLead{font-size:18px}.geoVisual{min-height:350px}.geoMap{height:350px;border-radius:17px}.geoBrazil{left:19%;width:58%}.pinNorth{left:10%;top:14%}.pinCenter{right:5%;top:43%}.pinSouth{left:23%;bottom:19%}.geoRadius{right:12px;bottom:12px;width:190px;padding:13px}.geoAdvantages{grid-template-columns:1fr}.geoAdvantages article{padding:18px}}
/* Comparativo dos planos */
.pricingSection{display:block;background:linear-gradient(135deg,#0b1435,var(--navy2));color:white;padding-top:90px;padding-bottom:100px}
.pricingIntro{max-width:820px;margin:0 auto 48px;text-align:center}
.pricingIntro h2{margin:16px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.055em}
.pricingIntro h2 em{color:var(--green);font-style:normal}
.pricingIntro>p{max-width:720px;margin:0 auto;color:#b7c1d3;font-size:17px;line-height:1.65}
.pricingIntro .noCard{justify-content:center;margin-top:24px}
.pricingCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;max-width:1320px;margin:0 auto}
.pricingCards .priceCard{position:relative;display:flex;flex-direction:column;padding:34px 30px;border:1px solid #dfe5ed;box-shadow:0 22px 55px #030a2138}
.pricingCards .priceCard>small{font-size:12px}
.pricingCards .priceCard h3{font-size:48px;margin:14px 0 16px;padding-bottom:17px}
.pricingCards .planSummary{min-height:48px;margin:0;color:#69758a;line-height:1.5}
.pricingCards .priceCard ul{flex:1;margin:20px 0 26px}
.pricingCards .priceCard li{font-size:14px;line-height:1.35}
.pricingCards .planButton{width:100%;min-height:54px;margin-top:auto;border:1px solid var(--navy);background:white;color:var(--navy)}
.pricingCards .planButton:hover{background:#eef2f7}
.pricingCards .featuredPlan{border:2px solid var(--green);transform:translateY(-10px);box-shadow:0 28px 70px #02091f73}
.pricingCards .featuredPlan .planButton{background:var(--green);border-color:var(--green);color:white}
.pricingCards .featuredPlan .planButton:hover{background:var(--green2)}
.popularTag{position:absolute;right:22px;top:20px;padding:7px 10px;border-radius:999px;background:#e6f8f0;color:#087e51;font-size:10px;font-weight:850;letter-spacing:.08em}
@media(max-width:1000px){.pricingCards{grid-template-columns:repeat(2,minmax(0,1fr))}.pricingCards .featuredPlan{grid-column:1/-1;transform:none}}
@media(max-width:640px){.pricingSection{padding-top:64px;padding-bottom:72px}.pricingIntro{margin-bottom:34px;text-align:left}.pricingIntro .noCard{justify-content:flex-start}.pricingCards{grid-template-columns:minmax(0,1fr);gap:18px}.pricingCards .featuredPlan{grid-column:auto}.pricingCards .priceCard{padding:28px 22px}.pricingCards .priceCard h3{font-size:43px}.pricingCards .planSummary{min-height:0}}
/* Render de obras geolocalizadas */
.renderedGeoVisual{position:relative;overflow:hidden;min-height:0;padding:0;border:1px solid #143b5d;border-radius:28px;background:#07182d;box-shadow:0 28px 70px #07182d30}
.renderedGeoVisual:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff17}
.renderedGeoVisual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:820px){.renderedGeoVisual{border-radius:22px}.renderedGeoVisual img{aspect-ratio:3/2}}
@media(max-width:540px){.renderedGeoVisual{border-radius:18px}.renderedGeoVisual img{aspect-ratio:1/1;object-fit:cover}}
/* Ajuste do render verde e claro */
.renderedGeoVisual{background:#f8faf8;border-color:#dce8df;box-shadow:0 28px 70px #173e2730}
.renderedGeoVisual:after{box-shadow:inset 0 0 0 1px #ffffffc7}

/* Destaques do título de geolocalização */
.geoCopy h2 em{color:var(--green);font-style:normal}

/* Espaço seguro para a faixa de indicadores do hero */
@media(min-width:821px){
  .referenceHero{min-height:980px!important;height:980px!important}
  .referenceHero .heroCopy{padding-bottom:90px}
}
@media(min-width:821px) and (max-width:1120px){
  .referenceHero{min-height:1020px!important;height:1020px!important}
}
/* Hero mobile: CTA visível antes da primeira rolagem */
@media(max-width:540px){
  .referenceHeader{height:72px;padding:4px 14px}
  .referenceHeader .brand{width:120px;height:52px}
  .referenceHeader .mobileMenu summary{min-width:60px;height:38px}
  .referenceHeader .mobileMenu>div{top:64px}
  .referenceHero{min-height:960px!important;padding-top:72px!important}
  .referenceHero .heroImage{inset:72px 0 0!important;background-size:auto 600px!important}
  .referenceHero .heroOverlay{inset:72px 0 0!important}
  .referenceHero .heroCopy{display:flex!important;flex-direction:column;align-items:flex-start;padding:28px 18px 42px!important}
  .referenceHero .eyebrow{order:1;max-width:72%;padding:7px 9px;font-size:9px}
  .referenceHero h1{order:2;width:70%;margin:16px 0 14px;font-size:clamp(30px,8vw,36px);line-height:1.03}
  .referenceHero .heroCopy>p{order:3;width:68%;max-width:340px;font-size:13px;line-height:1.45}
  .referenceHero .actions{order:4;width:68%;max-width:340px;margin-top:20px}
  .referenceHero .button{min-height:48px;padding:10px 12px;font-size:12px}
  .referenceHero .noCardLine{order:5;width:68%;max-width:340px;margin-top:10px}
  .referenceHero .heroFeatures{order:6;margin-top:34px}
  .referenceHero .heroTrust{order:7}
}

@media(max-width:390px){
  .referenceHero{min-height:980px!important}
  .referenceHero .heroCopy{padding-top:24px!important}
  .referenceHero h1{width:70%;font-size:29px}
  .referenceHero .heroCopy>p,.referenceHero .actions,.referenceHero .noCardLine{width:68%}
  .referenceHero .heroFeatures{margin-top:30px}
}