:root{--paper:var(--brand-off-white);--ink:var(--brand-black);--muted:var(--brand-gray);--green:var(--brand-green);--accent:var(--brand-green);--line:#e0e5de;--soft-green:var(--brand-green-light);--agent-lilac:#f0eaf5;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;max-width:100%;overflow-x:hidden;overflow-x:clip}
body{margin:0;max-width:100%;overflow-x:hidden;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--font-primary);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #207345;outline-offset:5px}
p{line-height:1.7}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em}
h2{font-size:clamp(32px,3.3vw,44px);line-height:1.16;font-weight:500;margin-bottom:24px}
h2 span{color:var(--accent)}
.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.header{position:sticky;top:0;z-index:10;background:rgba(243,242,238,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:31px;font-weight:700;letter-spacing:-1.5px;line-height:1}
.brand-light{font-weight:400}
.brand small{display:block;letter-spacing:3.4px;font-size:8px;margin-top:7px;font-weight:500}
.brand-symbol{position:relative;display:block;width:36px;height:42px}
.brand-symbol i{position:absolute;width:21px;height:33px;top:0;left:0;border-radius:5px;background:var(--green);transform:rotate(-7deg)}
.brand-symbol i+i{top:8px;left:15px;background:var(--ink);transform:rotate(7deg)}
nav{display:flex;align-items:center;gap:32px;font-size:13px}
nav>a:not(.button):hover,.text-link:hover{color:var(--accent)}
.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;background:var(--accent);color:white;padding:18px 23px;border-radius:7px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}
.button:hover{background:#0D5228;transform:translateY(-2px)}
.button span{font-size:20px;line-height:1}
.button-small{padding:13px 17px}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:76px 72px;align-items:center}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:9px;align-items:center;margin-bottom:26px;color:var(--green)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b936c}
.hero h1{font-size:clamp(48px,5vw,68px);line-height:1.06;font-weight:500;margin-bottom:26px;letter-spacing:-3.3px}
.hero h1>span{color:var(--accent)}
.lead{font-size:16px;color:var(--muted);max-width:435px;margin-bottom:28px}
.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:16px;align-items:center}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:11px;color:var(--muted)}
.note-line{height:1px;width:28px;background:#94a295}
.ecosystem-art{height:560px;position:relative;background:#f1f3ed;border:1px solid #e6e9df;border-radius:180px 180px 24px 24px;overflow:hidden}
.art-grid{position:absolute;inset:0;background-image:radial-gradient(#adbaa5 1px,transparent 1px);background-size:22px 22px;opacity:.34;mask-image:linear-gradient(transparent,#000,transparent)}
.art-caption{position:absolute;top:41px;width:100%;text-align:center;font-size:8px;letter-spacing:1.7px;color:#647160}
.orbit{position:absolute;border:1px solid #dbe2d5;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);width:340px;height:340px}
.orbit-two{width:480px;height:480px}
.connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a6b99e;stroke-width:1.5;stroke-dasharray:5 6}
.art-core{position:absolute;top:36%;left:29%;width:43%;height:150px;background:var(--green);color:white;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 30px #254d3e17;transform:rotate(-5deg)}
.core-star{font-size:31px;color:#c5d9aa;margin-bottom:8px}
.art-core strong{font-size:33px;letter-spacing:-1.5px}
.art-core strong span{font-weight:400}
.art-core small{font-size:9px;color:#d1dfd0;margin-top:10px}
.art-card{position:absolute;display:flex;align-items:center;gap:12px;background:white;border:1px solid #e5e8e1;border-radius:11px;padding:19px;box-shadow:0 10px 28px #213a2810}
.art-card small{font-size:8px;letter-spacing:1.4px;color:var(--muted);display:block;margin-bottom:7px}
.art-card strong{display:block;font-size:16px;letter-spacing:-.5px}
.art-card em{font-style:normal;display:block;font-size:9px;color:var(--muted);margin-top:7px}
.art-icon{display:grid;place-items:center;background:var(--soft-green);color:var(--accent);border-radius:10px;width:36px;height:38px;font-size:26px}
.art-learn{top:105px;left:27px;transform:rotate(-7deg)}
.art-ai{right:16px;top:190px;transform:rotate(7deg)}
.art-podcast{bottom:75px;left:54px;transform:rotate(-4deg)}
.art-podcast .art-icon{background:#eef1df;color:#637641}
.art-spark{position:absolute;color:var(--accent);font-size:40px}
.spark-one{top:100px;right:75px}
.spark-two{bottom:118px;right:62px;color:#7c9663}
.art-bottom{position:absolute;bottom:29px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:1px}
.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principles .container{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px;color:#626e61;font-size:13px}
.principles i{color:#8a9c74;font-style:normal;font-size:24px}
.section{padding-block:94px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.about h2{max-width:440px}
.about-copy{padding-top:36px;color:var(--muted);font-size:15px}
.about-copy p:first-child{font-size:19px;color:var(--ink);line-height:1.6}
.about-copy .text-link{margin-top:8px;color:var(--ink)}
.solutions-section{background:#f2f4ef;border-block:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.section-heading h2{margin-bottom:0}
.section-heading>p{font-size:14px;color:var(--muted);margin-bottom:4px}
.services,.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;display:flex;flex-direction:column}
.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.service-icon{width:46px;height:46px;border-radius:12px;background:var(--soft-green);color:var(--accent);display:grid;place-items:center;font-size:28px}
.index{font-size:11px;color:#899380}
.service h3{font-size:23px;font-weight:500;margin-bottom:15px}
.service p{font-size:14px;color:var(--muted);margin-bottom:28px}
.service a{margin-top:auto;border-top:1px solid var(--line);padding-top:22px;justify-content:space-between}
.brand-card{padding:30px;border-radius:14px;display:flex;flex-direction:column;min-height:340px}
.pill{font-size:8px;letter-spacing:1.1px;border:1px solid #ffffff42;align-self:start;padding:7px 9px;border-radius:20px}
.brand-card h3{margin:37px 0 24px;font-size:36px;font-weight:600}
.brand-card h3>span{font-weight:400}
.brand-card h3 small{font-size:8px;letter-spacing:2.7px;display:block;margin-top:7px;font-weight:400}
.brand-card p{font-size:13px;line-height:1.8;margin-bottom:27px}
.brand-card a{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-top:auto;padding-top:19px;border-top:1px solid #ffffff38}
.brand-card a:hover{text-decoration:underline}
.value-card{background:var(--green);color:#fff}
.value-card p{color:#dce6dc}
.agent-card{background:var(--agent-lilac);color:#543374}
.agent-card .pill,.agent-card a{border-color:#d8cbe4}
.agent-card p{color:#705e7c}
.conecta-card{background:#eaf0df;color:#394e30}
.conecta-card .pill,.conecta-card a{border-color:#cbd5be}
.conecta-card p{color:#5e6d54}
.mini-mark{font-size:27px;color:var(--green)}
.approach{padding:52px 0 72px;border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:50px}
.steps h2{font-size:30px}
.steps div>span{font-size:9px;letter-spacing:1.2px;color:var(--accent)}
.steps h3{font-size:18px;font-weight:500;margin:14px 0 10px;letter-spacing:-.5px}
.steps p{font-size:13px;color:var(--muted);margin-bottom:0}
.contact-wrap{padding-bottom:70px}
.contact{background:var(--accent);color:white;border-radius:18px;padding:60px 64px;position:relative;overflow:hidden}
.contact .eyebrow{color:#d5e8d8}
.contact h2{font-size:46px}
.contact p{font-size:15px;color:#e1eee3}
.contact-copy{position:relative;z-index:1}
.button-white{background:#fff;color:var(--accent);margin-top:13px}
.button-white:hover{background:#eaf2eb}
.contact small{display:block;font-size:10px;color:#d5e8d8;margin-top:15px}
.contact-art{position:absolute;right:45px;top:68px;width:340px;height:280px}
.contact-art span{position:absolute;font-size:180px;display:grid;place-items:center;line-height:1;border-radius:26px;width:215px;height:240px;background:#78936a;color:#e1e9cf;transform:rotate(-12deg);left:0}
.contact-art span+span{font-size:135px;background:#b8d3b7;color:#172b1e;left:125px;top:24px;transform:rotate(12deg)}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}
.footer-main p{font-size:13px;color:var(--muted);margin:0}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:24px 0 30px}
.skip{position:fixed;left:15px;top:-100px;background:white;padding:15px;z-index:100}
.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-block:90px}
}
@media(max-width:1050px){.container{width:calc(100% - 56px)}
nav{gap:20px}
.hero{gap:20px}
.hero h1{font-size:55px}
.ecosystem-art{height:530px}
.art-card{padding:14px;gap:9px}
.art-learn{left:15px}
.art-ai{right:10px;top:170px}
.art-podcast{left:25px}
.art-core{left:22%;width:55%}
.about{gap:50px}
.service,.brand-card{padding:24px}
.service h3{font-size:20px}
.contact-art{opacity:.65;right:-40px}
.contact-copy{max-width:65%}
}
@media(max-width:760px){.container{width:calc(100% - 40px)}
.nav-wrap{height:76px}
.brand{font-size:27px}
.menu-toggle{display:flex;align-items:center;gap:9px;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:12px;color:var(--ink)}
nav{display:none;position:absolute;top:75px;left:0;right:0;flex-direction:column;align-items:stretch;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #213a2810}
nav.open{display:flex}
nav>a{padding:10px}
.hero{grid-template-columns:1fr;padding-block:45px;gap:35px}
.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:22px}
.hero h1{font-size:54px;letter-spacing:-2.5px}
.lead{font-size:15px;max-width:100%}
.actions{gap:20px}
.button{font-size:12px;padding:17px 18px;gap:18px}
.hero-note{margin-top:25px}
.ecosystem-art{height:460px;max-width:510px;width:100%;margin:auto;border-radius:140px 140px 20px 20px}
.art-caption{top:30px;font-size:7px}
.art-learn{top:85px}
.art-ai{top:155px}
.art-podcast{bottom:55px}
.art-core{height:135px;top:37%;width:48%;left:25%}
.art-card strong{font-size:14px}
.art-icon{width:29px;height:32px;font-size:22px}
.art-card em{font-size:8px}
.art-bottom{font-size:7px;bottom:22px}
.spark-one{top:65px;right:45px}
.spark-two{right:38px;bottom:90px}
.principles .container{flex-wrap:wrap;justify-content:center;gap:12px 20px;padding-block:21px;font-size:11px}
.principles i{font-size:16px}
.principles i:nth-of-type(2){display:none}
.section{padding-block:60px}
.about{grid-template-columns:1fr;gap:0}
.about h2{max-width:500px}
.about-copy{padding-top:0}
.section-heading{display:block;margin-bottom:28px}
.section-heading>p{margin-top:22px}
.services,.brands{grid-template-columns:1fr;gap:16px}
.service{padding:27px}
.service-top{margin-bottom:24px}
.service h3{font-size:24px}
.brand-card{padding:30px;min-height:310px}
.brand-card h3{margin-top:27px}
.steps{grid-template-columns:1fr;gap:25px}
.steps h2{margin-bottom:0}
.approach{padding-block:38px 50px}
.contact{padding:36px 26px}
.contact-copy{max-width:100%}
.contact h2{font-size:35px}
.contact-art{display:none}
.contact-wrap{padding-bottom:44px}
.footer-main{flex-wrap:wrap;align-items:start;gap:25px}
.footer-main p{font-size:12px}
.footer-bottom{flex-wrap:wrap;font-size:9px;gap:14px}
.footer-bottom span:last-child{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}


/* A identidade da Value Hub usa verde e preto; roxo pertence ? AgentIA. */
.brand-light{color:var(--green)}
.art-core,.contact{background:#080808}
.art-ai .art-icon{background:var(--agent-lilac);color:#3D1A7A}
.contact-art span{background:var(--green)}


/* Application du manuel de marque. Les images originales restent intactes. */
body{font-size:16px}
h1,h2,h3{font-family:var(--font-primary);font-weight:700;letter-spacing:-.035em}
.hero h1{font-weight:700;letter-spacing:-.04em}
h3,.service h3,.steps h3{font-weight:600}
.eyebrow,.hero-note,.art-caption,.art-bottom,.footer-main>p{font-family:var(--font-secondary)}
.brand{flex-shrink:0;width:190px;line-height:0}
.official-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.brand .official-logo{width:190px}
.logo-heading{height:104px;display:flex;align-items:center;margin:26px 0!important;overflow:hidden}
.logo-heading .official-logo{width:100%;max-height:104px}
.conecta-logo .official-logo{width:100%;height:100%;max-height:none;object-fit:cover}
.art-core{background:var(--brand-white);border:1px solid var(--line);padding:16px;transform:none}
.art-core small{color:var(--brand-gray)}
.art-logo{display:block;width:118px;height:50px}
.art-logo .official-logo{width:100%;height:100%;object-fit:contain}
.art-logo.conecta-logo .official-logo{object-fit:cover}
.art-ai,.art-podcast{transform:none}
.brand-card{background:var(--brand-white);color:var(--brand-black);border:1px solid var(--line);border-top:4px solid var(--brand-green)}
.brand-card p{color:var(--brand-gray);font-size:16px}
.brand-card .pill,.brand-card a{border-color:var(--line)}
.brand-card a{color:var(--brand-green-dark);font-size:14px}
.agent-card{border-top-color:var(--brand-agentia)}
.aprende-card{border-top-color:var(--brand-aprende)}
.aprende-heading{color:var(--brand-aprende);font-family:var(--font-primary);font-size:42px!important;font-weight:700!important;letter-spacing:-.03em}
.aprende-card .pill{color:var(--brand-green-dark)}
.agent-card .pill,.agent-card a{color:var(--brand-agentia)}
.conecta-card{border-top-color:var(--brand-conecta)}
.conecta-card .pill{color:var(--brand-black)}
.contact{background:var(--brand-black)}
.contact .eyebrow,.contact p,.contact small{color:var(--brand-white)}
.contact-art span{background:var(--brand-green);color:var(--brand-white)}
.contact-art span+span{background:var(--brand-green-light);color:var(--brand-green-dark)}
.service p,.about-copy,.section-heading>p{font-size:16px}
.hero-copy,.about>div,.service,.brand-card{min-width:0}
@media(max-width:760px){.brand,.brand .official-logo{width:156px}.hero h1{font-size:clamp(42px,10.8vw,54px)}.logo-heading{height:108px;max-width:285px}.art-core{left:21%;width:58%;top:42%;height:115px}.art-ai{top:134px}.art-podcast{bottom:46px}.art-logo{width:104px;height:44px}.hero-copy .lead{font-size:16px}}

.art-ai{top:95px}.hero-note{font-weight:300}.footer-main>p{font-weight:300}.art-spark{display:none}
@media(max-width:760px){.ecosystem-art{height:540px}.art-learn{top:65px}.art-ai{top:158px;right:15px}.art-core{top:268px;left:20px;width:64%;height:112px}.art-podcast{bottom:35px;left:auto;right:20px}.art-bottom{bottom:13px}.spark-two{left:30px;bottom:73px}}
/* Hero illustration uses text and icons; ecosystem cards retain their previous design. */
.art-core{background:var(--brand-green-dark);color:var(--brand-white);border:0;transform:rotate(-5deg);padding:18px;top:36%;left:29%;width:43%;height:150px}
.art-core strong{font-size:30px;font-weight:600;letter-spacing:-1px}
.art-core small{color:var(--brand-white)}
.art-ai{top:180px;transform:rotate(7deg)}
.art-podcast{transform:rotate(-4deg)}
@media(max-width:1050px) and (min-width:761px){.art-core{left:20%;width:58%}}
@media(max-width:760px){.ecosystem-art{height:480px}.art-learn{top:65px}.art-ai{top:155px;right:12px}.art-core{top:205px;left:25px;width:60%;height:135px}.art-podcast{bottom:32px;left:auto;right:25px}.art-bottom{bottom:13px}.art-core strong{font-size:26px}}

.blog-section{background:var(--brand-green-light);border-block:1px solid var(--line)}
.blog-heading{align-items:center}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{overflow:hidden;background:var(--brand-white);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}
.post-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dbe8de}
.post-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.post-card:hover .post-image img{transform:scale(1.025)}
.post-body{padding:26px;display:flex;flex:1;flex-direction:column}
.post-meta{display:flex;justify-content:space-between;gap:14px;color:var(--brand-gray);font-family:var(--font-secondary);font-size:8px;font-weight:600;letter-spacing:1px}
.post-meta span{color:var(--brand-green)}
.post-card h3{font-size:22px;line-height:1.25;margin:18px 0 13px}
.post-card h3 a:hover{color:var(--brand-green)}
.post-card p{color:var(--brand-gray);font-size:14px;margin-bottom:24px}
.post-card .text-link{margin-top:auto;border-top:1px solid var(--line);padding-top:19px;justify-content:space-between}
@media(max-width:900px){nav{gap:15px}.posts{grid-template-columns:1fr 1fr}.post-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}}
@media(max-width:760px){.posts{grid-template-columns:1fr}.post-card:last-child{grid-column:auto;max-width:none}.blog-heading .text-link{margin-top:20px}.post-body{padding:23px}.post-card h3{font-size:21px}.post-image img{object-fit:contain}}